/*手机端适配*/

@media (max-width:1640px) {
  .center-box,.head-pd {padding-left: 15px;padding-right: 15px;width: 100%;}
}

@media (max-width:1280px) {
 .thumbs-swiper {
    padding: 20px 0;
    height: calc(100% + 40px);
    margin-top: -20px;
 }
}
@media (max-width:1220px) {
  .center-box1 {padding-left: 15px;padding-right: 15px;width: 100%;}
}

@media (max-width:1480px) {
  .center-box2 {padding-left: 15px;padding-right: 15px;width: 100%;}
}
@media (max-width:992px) {
  .map-iframe {
  width: 100%;
  height: 410px;
}
  .map-form-ul>li {font-size: 16px;}
  .map-form-ul>li + li {margin-top: 10px;}
  .refund-input-width,.refund-select {width: 100%;}
  .refund-dl-web {
    flex-direction: column;
  }
  .ma-val:not(.map-text) {height: 50px;}
  .refund-dl-web>dd {margin-top: 5px;}
  .logis-ul>li {padding-bottom: 20px;}
  .user-right-item-tit {font-size: 16px;}
  .user-right-ul>li {width: calc(33.33% - 10px);margin-right: 10px;margin-top: 10px;}
  .user-ul>li {margin-top: 10px;}
  .details-sub-btn {padding: 0 15px;}
  .details-box-desc {font-size: 12px;margin-top: 10px;}
  .details-box-en {font-size: 14px;}
  .details-box-name {font-size: 20px;}
  .details-box-group {padding: 20px 0;}
  .rec-tit{font-size: 18px;}
  .cart-tit {font-size: 16px;}
  .cart-pd {padding: 20px 15px;}
  .cart-pd2 {padding: 5px 15px;}
  .cart-img-group-pd {padding-left: 15px;}
  .cart-img {width: 80px;}
  .step-btn {width: 30px;height: 30px;}
  .step-value {height: 30px;}
  .cart-table,.cart-gg {font-size: 12px;}
  .cart-table td {padding: 10px 0;width: 100%;text-align: center;vertical-align: middle;}
  .cart-table .cart-table-width {width: 50%;}
  .cart-table tr {display: flex!important;flex-wrap: wrap;}
  .fs16 {font-size: 14px;}
  .login-binner {padding: 20px 20px 40px;}
  .back-links,.back-links .iconfont {font-size: 16px;}
  .login-binner-code-box {border-radius: 10px;border-width: 3px;}
  .code-img {width: 180px;}
  .login-binner-desc {font-size: 14px;}
  .login-binner-tit {font-size: 22px;}
  .login-head {padding: 20px 0;}
  .footer-right {display: flex;flex-direction: column;align-items: center;}
  .menu {display: block;}
  .hide-pc {display: block;}
  .hide-web {display: none;}
  ._web-mt15 {margin-top: 15px;}
  ._web-mt20 {margin-top: 20px;}
  ._web-mt25 {margin-top: 25px;}
  ._web-fs12 {font-size: 12px;}
  ._web-fs14 {font-size: 14px;}
  ._web-fs16 {font-size: 16px;}
  ._web-fs18 {font-size: 18px;}
  ._web-fs20 {font-size: 20px;}
  ._web-fs22 {font-size: 22px;}
  ._web-fs24 {font-size: 24px;}
  ._web-pd40 {padding: 40px 0;}
  ._web-pd15 {padding: 15px 0;}
  ._web-pd20 {padding: 20px 0;}
  ._web-pd25 {padding: 25px 0;}
  .nav-ul>li::after {display: none;}
  .nav-ul {
    display: flex;
    flex-direction: column;
  }

  .nav-ul-box {
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow: hidden;
    left: -100%;
    top: 0px;
    position: fixed;
    z-index: 999;
    transition: left 0.3s ease;
  }

  .banner-btn {
    height: 50px;
    font-size: 16px;
    width: 160px;
  }

  .diy-list-radius {
    width: 170px;
    height: 60px;
    border-radius: 30px 0 0 0;
  }
  .diy-list-ul>li {
    margin-top: 25px;
    padding: 20px 20px 75px;
  }
  .footer-logo {max-width: 50%;margin-left: auto;margin-right: auto;}
  .logo-img {max-width: 160px;}
  .diy-ul>li {
    font-size: 18px;
  }
  .mask-tips {font-size: 12px;}
  .result-img {max-width: 80%;}
  .normal-mt {margin-top: 20px;}
  .footer-links>li {font-size: 14px;padding: 0 5px;}
  .diy-ldesc {font-size: 14px;}
  .diy-ltit {font-size: 16px;margin-top: 10px;}
  .diy-ul>li::after {height: 3px;}
  .diy-ul>li + li {margin-left: 20px;}
  .normal-pd {
    padding: 40px 0;
  }
  .banner-tit {letter-spacing: 10px;}
  .banner-en {font-size: 12px;}
  .u-icon {width: 32px;}
  .hot-vice-dl {
    padding-left: 25px;
    margin-top: 20px;
    font-size: 14px;
  }
  .hot-vice-dl::before {
    width: 15px;
    height: 15px;
  }
  .banner-list-en {font-size: 12px;}
  .banner-list-tit {font-size: 22px;letter-spacing: 10px;}
  .thumbs-img,.main-img {border-radius: 10px;}
  .thumbs-img {max-width: none;aspect-ratio: 147 / 106;}
  .thumbs-swiper {padding: 0 0 40px;}
  .diy-more-links,.diy-more-links .iconfont {font-size: 16px;}
  .hot-vice-tit {font-size: 16px;}
  .hot-idesc {font-size: 18px;}
  .hot-itit {font-size: 22px;}
  .normal-pt {padding-top: 25px;}
  .head {font-size: 16px;padding: 5px 0;}
  .normal-tit {
    font-size: 24px;
  }
  .arr-img {
    top: unset;
    max-width: none;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%,100%) rotate(100deg);
    max-height: 55px;
  }

  .mask-result {
    padding: 20px 15px;
  }
.mask-result-tit {
  font-size: 18px;
}
  .mask-oper-btn {
    height: 50px;
    font-size: 16px;
  }

  .mask-oper-btn .iconfont {
    font-size: 16px;
  }
  .ai-bright {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ai-bright .ai-bj {
    margin: 0;
    min-height: 120px;
  }
  .ai-bright .ai-square {
    width: calc(50% - 10px);
  }
  .ai-return {
    width: 40px;
    height: 40px;
  }
  .ai-bright .ai-size  {
    width: 100%;
  }
  .ip-item {width: 20px;height: 20px;}
  .ip-price {font-size: 14px;}
  .ip-name {font-size: 16px;}
  .ip-img {max-width: 70%;max-height: 70%;}
  .inner-picker-tab>li::after {height: 3px;}
  .pi-img {height: 30px;}
  .inner-picker-tab>li {min-width: 20%;font-size: 14px;}
  .pick-ul {padding-top: calc(25px - 3%);}
  .pick-tit {margin-top: 15px;}
  .pick-desc {margin-top: 5px;}
  .pick-ul>li {font-size: 14px;}
  .mt40,.mt30 {margin-top: 15px;}
  .normal-desc {font-size: 16px;}
  .intro-buy {font-size: 16px;}
  .infro-vice {font-size: 14px;}
  .infro-desc {font-size: 14px;}
  .fix-web {display: flex;flex-direction: column;}
  .fix-web:after {display: none;}
  .fix-web>[class*=left],.fix-web>[class*=right] {width: 100%;}
  .flex-web {flex-direction: column!important;}
  .flex-web>[class*=left],.flex-web>[class*=right] {width: 100%;max-width: 100%;}
  .flex-web-reverse {flex-direction: column-reverse!important;display: flex;}
  .flex-web-reverse>[class*=left],.flex-web-reverse>[class*=right] {width: 100%;}
  .fix-web>.right-mt25 {margin-top: 25px;}
  .fix-web>.right-mt20 {margin-top: 20px;}
  .flex-web>.right-mt5 {margin-top: 5px;}
  .fix-web>.right-mt15 {margin-top: 15px;}
  .flex-web> .right-mt15 {margin-top: 15px;}
  .flex-web> .right-mt10 {margin-top: 10px;}
  .flex-web> .right-mt20 {margin-top: 20px;}
  .flex-web> .right-mt25 {margin-top: 25px;}
  ._web_col_1 {display: flex;flex-wrap: wrap;}
  ._web_col_3 {display: flex;flex-wrap: wrap;}
  ._web_col_1>li {width: 100%;margin-left: 0!important;}
  ._web_col_2 {display: flex;flex-wrap: wrap;}
  ._web_col_2>li {width: 48.5%;margin-left: 3%;margin-top:15px;}

  ._web_col_3>li {
    width: 31.33%;
    margin-left: 3%;
    margin-top: 25px;
  }
  ._web_col_3>li:nth-of-type(3n+1) {
    margin-left: 0;
  }
  ._web_col_2>li:nth-of-type(5n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(4n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(3n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(2n+1) {margin-left: 0;}

  .head-nav-ul {
    width: 60%;
    display: flex;
    flex-direction: column;
    padding: 15% 15px 0;
    justify-content: flex-start;
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
  }
}

@media (max-width:750px) {
  /* .banner-img {display: none;}
  .mobile-img {display: block;} */
  .flex-phone {flex-direction: column;}
  .flex-phone>[class*=left],.flex-phone>[class*=right] {width: 100%;}
  .flex-phone> .right-mt5 {margin-top: 5px;}
  .flex-phone> .right-mt15 {margin-top: 15px;}
  .flex-phone> .right-mt20 {margin-top: 20px;}
  .flex-phone> .right-mt25 {margin-top: 25px;}
}

@media (max-width:640px)  {

}
@media (max-width:575px) {

}
@media (max-width:414px) {
  
}

@media (max-width:375px) {

}