.customize-content img{width:100%}

.customize-content img{height:100%}

 .main-new-work .work-content .work-text span{
 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    overflow: hidden;
}
.op-box .op-box-bottom{
    display: none;
}
.main-top .top-two .logo a {
  height: 70px ;!important;
  width: 420px ;!important;
}

.main-top .top-two .logo img {
  max-height: 120px ;!important;
  max-width: 400px ;!important;
}
.phone-index .main-top .top-two .logo a {
    max-width: calc(100vw - 90px) ;
    height: 50px;
    width: auto;
}
.phone-index .main-top .top-two .logo img {
  max-width: calc(100vw - 90px) ;
}
.main-top .warp {
  margin: 0 10 !important;
}

.page-max-width {
  max-width: 1600px !important;
}

.main-top .top-two>div {
  min-width: 1500px !important;
}


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

  .index-header .flex-laout .float-left .cart:last-child {
    display: none;
  }

  .index-header .flex-laout .user-login-label .cart:last-child {
    display: flex;
  }

  .main-top .top-two>div {
    min-width: 1100px !important;
  }

  .page-max-width {
    max-width: 1100px !important;
  }

  .user-op-box:before {
    left: 20% !important;
  }
}

@media screen and (max-width: 1570px) {
  .user-op-box:before {
    left: 25% !important;
  }
}

@media screen and (max-width: 1550px) {
  .user-op-box:before {
    left: 30% !important;
  }
}

@media screen and (max-width: 1500px) {
  .user-op-box:before {
    left: 40% !important;
  }
}
@media screen and (max-width: 1470px) {
  .user-op-box:before {
    left: 43% !important;
  }
}
@media screen and (max-width: 1450px) {
  .user-op-box:before {
    left: 45% !important;
  }
}

@media screen and (max-width: 1400px) {
  .user-op-box:before {
    left: 50% !important;
  }
}@media screen and (max-width: 1390px) {
  .user-op-box:before {
    left: 51% !important;
  }
}
@media screen and (max-width: 1380px) {
  .user-op-box:before {
    left: 52% !important;
  }
}@media screen and (max-width: 1370px) {
  .user-op-box:before {
    left: 53% !important;
  }
}@media screen and (max-width: 1360px) {
  .user-op-box:before {
    left: 54% !important;
  }
}
@media screen and (max-width: 1350px) {
  .user-op-box:before {
    left: 55% !important;
  }
}
@media screen and (max-width: 1340px) {
  .user-op-box:before {
    left: 56% !important;
  }
}
@media screen and (max-width: 1330px) {
  .user-op-box:before {
    left: 57% !important;
  }
}
@media screen and (max-width: 1320px) {
  .user-op-box:before {
    left: 58% !important;
  }
}
@media screen and (max-width: 1310px) {
  .user-op-box:before {
    left: 59% !important;
  }
}

@media screen and (max-width: 1300px) {
  .user-op-box:before {
    left: 60% !important;
  }
}

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

  .user-op-box:before {
    left: 63% !important;
  }
}

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

  .user-op-box:before {
    left: 66% !important;
  }
}

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

  .user-op-box:before {
    left: 69% !important;
  }
}

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

  .user-op-box:before {
    left: 72% !important;
  }
}

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

  .user-op-box:before {
    left: 73% !important;
  }
}
@media screen and (max-width: 1240px) {

  .user-op-box:before {
    left: 74% !important;
  }
}@media screen and (max-width: 1230px) {

  .user-op-box:before {
    left: 75% !important;
  }
}@media screen and (max-width: 1220px) {

  .user-op-box:before {
    left: 76% !important;
  }
}
@media screen and (max-width: 1210px) {

  .main-top .warp {
    margin: 0px !important;
  }

  .user-op-box:before {
    left: 70% !important;
  }

}
@media screen and (max-width: 1200px) {
  .user-op-box:before {
    left: 72% !important;
  }
}@media screen and (max-width: 1190px) {
  .user-op-box:before {
    left: 74% !important;
  }
}@media screen and (max-width: 1180px) {
  .user-op-box:before {
    left: 76% !important;
  }
}
@media screen and (max-width: 1170px) {
  .user-op-box:before {
    left: 78% !important;
  }
}
@media screen and (max-width: 1150px) {
  .user-op-box:before {
    left: 80% !important;
  }
}

.order-display {
    display: none !important;
}

.op-box .op-box-bottom {
    display: flex;
}

.cart-pay .pay-btn{
display: none;
}

.bottom-item-label {
    display: none;
}