body {
    background-color: #f9f9f9;
}

.container-fluid {
    /* width: 85%; */
}

a {
    color: #333333;
}

a:hover {
    text-decoration: none;
}

.container-fluid .nav{
    max-width: 1600px;
    margin: 0 auto;
    height: 86px;
    background-color: #f9f9f9;
    border-bottom: 2px solid #f0f0f0;
    /*line-height: 86px;*/
    position: relative;
}

/* 导航logo效果 */
.container-fluid .nav img {
    width: 174px;
    height: 35px;
    margin-left: 25px;
}

.nav-link {
    padding: 0 0;
}

/* 导航效果 */
.container-fluid .nav a {
    display: inline-block;
    margin-right: 30px;
    font-size: 18px;
    color: grey;
    position: relative;
    top: 25px;
}

/* 导航下划线效果 */
.container-fluid .nav a:hover ,
.selected {
    color: #000 !important;
    text-decoration: underline;
    text-underline-offset: 10px;
}

/* 右边导航online store */
.container-fluid .nav .online-store {
    position: absolute;
    right: 25px;
}

.container-fluid .product .col-sm-3:hover {
    /* height: 400px; */
    /* background-color: pink; */
    /*border: 2px solid pink;*/
}

.container-fluid .product .col-sm-3 img {
    width: 100%;
}

 .product_info{
    font-size: 13px;
    color: #333;
}

 .price{
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

 .currency{
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

 .discount
{
    margin-top: -8px;
    font-size: 14px;
    color: #3333;
    text-decoration: line-through;
    font-weight: 700;
}

/* footer */
.container-fluid .footer {
    background: #000;
    height: 200px;
    font-size: 12px;
}

/* footer种logo大小的设置于底部的间距 */
.container-fluid .footer .row .footer_logo {
    width: 157.5px;
    height: 31.5px;
    margin-bottom: 15px;
}

/* footer上面的整体间距 */
.container-fluid .footer .row .col-sm-3{
    margin-top: 5%;
    padding-left: 5%;
    line-height: 18px;
}

/* email于下面的间距 */
.container-fluid .footer .row .col-sm-3 .email{
    margin-bottom: 9px;
}

/* peyment图片的大小和间距 */
.container-fluid .footer .row .col-sm-3 .peyment{
    margin-top: 20px;
    width: 235px;
    height: 40px;
}

/* footer种a标签的字体大小颜色 */
.container-fluid .footer .row .col-sm-3 a {
    font-size: 14px;
    color: #006fcf;
}

/* SUBSCRIBE 距离顶端的位置 */
.container-fluid .footer .row .col-sm-3:nth-child(4){
    margin-top: 4%;
}

/* SUBSCRIBE种的div种的字体行号 */
.container-fluid .footer .row .col-sm-3 .news {
    line-height: 14px;
}


/* 联系我们页面 */
.container-fluid .contact {
    background: #f9f9f9;
    max-width: 1600px;
    margin: 0 auto;
    /* height: 850px; */
}

.container-fluid .contact .justify-content-center{
    font-size: 18px;
    color: #333333;
}

.container-fluid .contact .justify-content-center .title{
    font-size: 32px;
    color: #000;
}

.container-fluid .contact .input-form {
    height: 600px;
    background-color: #FFF;
    border-radius: 6px;
}

.container-fluid .contact .f-row .right dl {
    font-size: 16px;
    display: inline-block;
}

.container-fluid .contact .f-row .right dl input {
    /* width: 100%; */
}

.container-fluid .contact .s-row{
    height: 620px;
    font-size: 16px;
}

.container-fluid .contact .s-row .bg-image{
    background-repeat: no-repeat;
    background-image: url(../assets/images/Contact.png);
    background-position: 10px 10px;

}

/* 初始整体化页面大小,清除缩放 */
.f-flow {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-radius: 6px;
}

.f-flow .s-row .bg-image .h4 {
    line-height: 0.7;
}

.f-flow .s-row .bg-image .small{
    color: #2f4d70;
}

/* 物流信息 */
.logistics  .bgi{
    height: 250px;
    background-image: url(../assets/images/logistics.png);
    background-size: cover;
}

.logistics  .pic{
    padding: 10px;
    width: 150px;
    height: 88px;
}

.logistics .row {
    border-left: 14px solid #f9f9f9;
    border-right: 14px solid#f9f9f9;
}

.logistics .row:hover {
    background: white;
    border-left: 14px solid #f9f9f9;
    border-right: 14px solid #f9f9f9;
}

.logistics .row .col-4{
    font-size: 20px;
}

.logistics .row .col-4 .city {
    font-size: 16px;
}

.logistics .row .col-4 .arror {
    width: 100%;
}

.logistics .row .col-4 .ml-2 {
    font-size: 14px;
    line-height: 10px;
}

.logistics .row .col-1 .more{
    padding: 3px;
    background: #f9f9f9;
}

.hidden {
    display: none;!important;
}

.block {
    display: block;!important;
}

.box-buy {
    /*height: 850px;*/
    max-width: 2000px;
    margin: 0 auto;
}


.buy-ul {
    height: 500px;
}

.buy-ul ul {
    font-size: 20px;
}


.quantity{
    width: 47px;
    height: 47px;
    font-size: 18px ;
}

.checkout-box{
    height: 600px;
}

.checkout-box .quantity{
    width: 45px;
    height: 45px;
    font-size: 18px ;
}

.checkout-box .remove {
    left: 180px;
    top: -5px;
    position: absolute;
}

input[name='quantity']:hover{
    background-color: #fff;
    color: #000;
}

.box-buy .quantity-title {
    font-size: 18px;
}

.checkout-box img{
    width: 100px;
    height: 100%;
}

.checkout-box ul li {
    width: 300px;
}

ul li {
    list-style-type: none;
}

.cart-box{
    width: 450px;
    height: 700px;
    z-index: 1;
    background: #fff;
    position: absolute;
    right: 0;
    top: 60px;
}

.cart-box img{
    width: 120px;
}

.online-store span {
    height: 16px;
    width: 16px;
    font-size: 12px;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: 2px;
}

/*.product-box {*/
/*    width: 800px;*/
/*}*/

.product-box img{
    width: 250px;
    height: 250px;
}
label.error {
    position: absolute;
    right: 18px;
    top: 6px;
    color: #ef392b;
    font-size: 20px;
    z-index: 99;
}
.home-box {
    max-width: 1600px
}


.home-box .banner ul{
    left: 5%;
    top: 25%;
    position: absolute;
}
.home-box .projector ul{
    left: 1%;
    top: 8%;
    position: absolute;
}

.home-box .projector ul a{
    font-size: 14px!important;
    border: 1px solid white;
    background-color: rgba(0,0,0,0.1);
}


.home-box .ust-projector ul a {
    background-color: rgba(255,255,255,0.5);
}

.content ul{
    left: 1%;
    top: 8%;
    position: absolute;
}

.item ul a {
    background-color: rgba(0,0,0,0.1);
}

.r_dark {
    background-color: rgba(255,255,255,0.5) !important;
}

/*.contact .form-group .inner-box{*/
/*    position: relative;*/
/*}*/
/*.contact span{*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 35px;*/
/*    color: red;*/
/*}*/

.subscribe {
    position: relative;
    width: 200px;
}

.subscribe input{
    width: 200px;
}

.subscribe a i{
    /*display: inline-block;*/
    font-size: 24px;
    position: absolute;
    right: 0;
    top:-8px;
    /*color: black;!important;*/
}

.order-box {
    margin: 0 auto;
    width: 1074px;
    height: 500px;
}

.order-inner-box{
    display: flex;
    margin-top: 70px;
    width: 850px;
    height: 324px;
}

.order-inner-box img {
    width: 194px;
    height: 190px;
    margin-left: 68px;
    margin-top: 70px;
}

.order-inner-box ul {
    margin-top: 70px;
    margin-left: 15px;
}

.product-preview-img {
    width: 100%;
    box-sizing: border-box;
  }

  @media (min-width: 1000px) {
    .product-preview-img {
      width: 1000px;
      margin: 0 auto; /* 水平居中 */
    }
  }
  .product-main-info{
    max-width: 1600px;
  }
  .home-box .a-100 a{
    width: 100%;
  }
  .bottom-suction-box{
    position: relative;
    min-height: 100vh;
    padding-bottom: 200px;
  }
  .bottom-suction-box .footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 24px -15px 0 -15px;
  }