/* CSS Document */
@media (max-width:1600px) {
    .head .head_l{ width: 360px;}
    .head .head_l .img img{ width: 100px;}
    .head .head_l .tel{ font-size: 14px; line-height: 28px;}
    .head .head_r{ width: calc(100% - 370px);}
    .head_r_top .sjdl a{ font-size: 13px;}

    .head_r_top .cart1 ul li{ padding: 0px 10px;}
    .head_r_top .cart1 ul li img{ width: 30px;}


    .in_box_l{width: calc(100% - 480px);}
    .in_box_l ul li{ height: 560px;}
    .in_box_l ul li .nr{ width: 100%;}
    .in_box_l ul li .nr p{ font-size: 18px; color: #fff;}

    .in_box_r{ width: 450px;}
    .in_box_r ul li{ margin-bottom: 30px;}

    .product_lb_r ul li .nr h2{ font-size: 16px; padding-bottom: 4px;}
    .product_lb_r ul li .nr h3 b{ font-size: 20px;}
    .product_lb_r ul li .nr h3 span a img{ width: 18px;}
    .head_r_bottom ul li:nth-child(6){ display: none;}
}

@media (max-width:1440px) {
    .container{ padding: 0px 20px;}

    .head .head_l .tel{ font-size: 14px; line-height: 22px;}
    .head .head_l .img img{ margin-right: 0px; margin-bottom: 5px;}
    .head .head_l{ display: block; text-align: center; width: 250px; padding: 10px 15px;}
    .head .head_r{ width: calc(100% - 260px);}
    .head_r_top .hydl a{ min-width: 95px;}
    .head_r_top .cart1 ul li img{ width: 30px;}
    .head_r_bottom ul li a{ font-size: 12px;}

    .in_banner .swiper-slide .nr{ width: 76%;}
    .in_box_l{width: calc(100% - 400px);}
    .in_box_l ul li{ height: 520px;}
    .in_box_l ul li .nr{ width: 100%;}
    .in_box_l ul li .nr p{ font-size: 15px;}
    .in_box_l ul li .nr a{ width: 110px; height: 40px; line-height: 40px; font-size: 15px;}

    .in_box_r{ width: 380px;}

    /*.head_r_bottom ul li:nth-child(5){ display: none;}*/
    .head_r_bottom ul li:nth-child(6){ display: block !important;}

	.head_r_top .search{ width: 30%;}

}

@media (max-width:1260px) {

    .in_box_l{width: calc(100% - 320px);}
    .in_box_l ul li{ height:445px;}
    .in_box_r{ width: 300px;}
    .in_box_r .bt{ font-size: 26px;}
    .head_r_top .cart1 ul li img{ width: 30px;}
    .login1{ margin: 0px 20px;}

    .payment_lb dl dt h2:nth-child(8){ display: none;}
    .payment_lb dl dd .jiag:nth-child(8){ display: none;}
    .member_r .grxx ul li .shangchuan .shangchuan2 ul li img {max-height: 70px;}
}

@media (max-width:1080px) {
    .head{ display: none;}

    .phone_head{ display: block;}

    .container { padding: 0px 20px;}
    .head_r_top .cart1 ul li img{ width: 30px;}
    .in_banner{  --swiper-navigation-size: 40px;/* 设置按钮大小 */}
    .in_banner .swiper-pagination span{ width: 13px; height: 13px;}
    .in_banner .swiper-button-next{ right: 15px;}
    .in_banner .swiper-button-prev{ left: 15px;}

    .in_banner .swiper-slide .nr{ width: 79%; left: 47px;}
    .in_banner .swiper-slide .nr .nr_wz h2{ font-size: 30px;}

    .in_box_l ul li .nr{ width: 100%;}
    .in_box_l ul li .nr p{ font-size: 13px;}
    .in_box_l ul li .nr a{ width: 90px; height: 20px; line-height: 20px; font-size: 13px;}

    .payment_lb dl dt h2:nth-child(8){ display: none;}
    .payment_lb dl dd .jiag:nth-child(8){ display: none;}
    .member_r .grxx ul li .shangchuan .shangchuan2 ul li img {max-height: 65px;}
}



@media(max-width:960px) {

    .container { padding: 0px 15px;}
    .in_banner{ height: auto;}
    .in_banner .swiper-slide{ background: none !important;}
    .in_banner .swiper-slide img{ display: block}
    .in_banner .swiper-slide .nr .nr_wz h2{ font-size: 25px;}
    .in_banner .swiper-slide .nr .nr_wz h3{ font-size: 15px;}
    .in_banner .swiper-slide .nr .nr_wz p{ font-size: 12px;}

    .in_box{ padding: 20px 0px;}
    .in_box .container{ display: block;}
    .in_box_l{ width: 100%;}
    .head_r_top .cart1 ul li img{ width: 30px;}
    .in_box_l ul li{ margin-bottom: 25px; height: auto; background: none !important;}
    .in_box_l ul li img{ display: block;}
    .in_box_l ul li .nr{ width: 100%; position: absolute; width: 100%; height: 100%;}
    .in_box_l ul li .nr a{ margin-top: 15px;}

    .in_box_l .bt{ font-size: 22px; margin-bottom: 10px; margin-top:auto !important;}
    .in_box_l ul li .nr h2{ font-size: 20px; height: auto; padding-bottom: 15px;}

    .in_box_r{ width: 100%; margin-left: 0px; margin-top: 20px;}
    .in_box_r .bt{ font-size: 22px; margin-bottom: 10px;}
    .in_box_r ul li{ padding: 0px 20px; margin-bottom: 15px;}
    .in_box_r ul li .in_product-prev{ right: -5px;}
    .in_box_r ul li .in_product-next{ left: -5px;}
    .in_box_r ul li .in_product .swiper-slide .nr h2{ font-size: 15px;}
    .in_box_r ul li .in_product .swiper-slide .nr h3 b{ font-size: 20px;}
    .in_box_r ul li .in_product-pagination span{ width: 25px; height: 25px; margin: 0px 3px;}
    .in_box_r ul li .in_product-pagination span::after{ width: 6px; height: 6px; top: 9px; left: 9px;}

    .bottom{ padding: 20px 0px;}
    .bottom ul{ display: block;}
    .bottom ul li{ width: 50%; float: left;}
    .bottom ul li h2{ font-size: 16px; margin-bottom: 10px;}
    .bottom ul li h2::after{ width: 30px;}
    .bottom ul li p a{ font-size: 13px; line-height: 24px;}

    .bottom1{ height: auto; line-height: 22px; padding: 10px 0px;}

    .shop_lb{ padding: 20px 0px;}
    .shop_lb_l{ width: 100%;}
    .shop_lb_l .bt{ margin-bottom: 10px;}
    .shop_lb_l dl dt{ margin-bottom: 6px;}
    .shop_lb_l dl{ margin-bottom: 8px;}
    .shop_lb_l dl dd{ display: block; white-space:nowrap; overflow-y: auto;}
    .shop_lb_l dl dd a{ display: inline-block; margin-right: 15px;}

    .shop_lb_r{ width: 100%; border-left: 0px; padding: 0px;}
    .shop_lb_r .bt{ padding-left: 0px; font-size: 18px; padding-bottom: 15px;}
    .shop_lb_r ul{ margin: 0px -3%;}
    .shop_lb_r ul li{ margin: 0px 3%; width: 44%;}
    .shop_lb_r ul li .nr{ padding: 10px 5%;}
    .shop_lb_r ul li .nr a{ background-size: 8px; padding-right: 10px;}
    .shop_lb_r ul li .nr a h2{ font-size: 14px;}
    .shop_lb_r ul li .nr a p{ font-size: 12px;}

    .sabrosus{ padding: 20px 0px;}
    .sabrosus a{ width: 30px; height: 30px; line-height:30px; margin: 0px 5px;}
    .sabrosus a i{ line-height: 30px; font-size: 15px;}


    .product_lb_r{ width: 100%; border-left: 0px; padding: 0px;}
    .product_lb_r .banner{ padding-left: 0px; padding-right: 0px; padding-bottom: 15px;}
    .product_lb_r ul{ margin: 0px -3%;}
    .product_lb_r ul li{ margin: 0px 3%; width: 44%;}
    .product_lb_r ul li .nr{ padding: 10px 5%;}
    .product_lb_r ul li .nr h2{ font-size: 14px;}
    .product_lb_r ul li .nr p{ font-size: 12px;}
    .product_lb_r ul li .nr h3 b{ font-size: 17px;}
    .product_lb_r ul li .nr h3 span a{ font-size: 12px; display: block; text-align: center;}
    .product_lb_r ul li .nr h3 span a img{ width: 18px; margin: 0px auto; margin-left: 3px;}


    .product_xx{ padding: 20px 0px;}
    .product_xx1_l{ width: 100%; margin-bottom: 15px;}
    .product_xx1_r{ width: 100%;}
    .product_xx1_r .lj{ font-size: 12px;}
    .product_xx1_r h2{ font-size: 20px;}
    .product_xx1_r h3{ font-size: 13px;}
    .product_xx1_r h4{ font-size: 15px;}
    .product_xx1_r .xzys dt{ font-size: 14px;}
    .product_xx1_r .xzys dd a{ font-size: 12px;}

    .product_xx1_r .zongj ul li h2{ font-size: 14px;}
    .product_xx1_r .zongj ul li h3{ font-size: 20px;}


    .product_xx1_r .zongj ul li #szdiv{ width: 120px !important;}
    .product_xx1_r .zongj ul li #szdiv #sz{ background: no-repeat; width: 50px !important; height: 30px !important; line-height: 30px !important; border-bottom: 1px solid #ccc !important; font-size: 14px;}
    .product_xx1_r .zongj ul li #szdiv #szl{  width: 30px !important; height: 30px !important; line-height: 30px !important; }
    .product_xx1_r .zongj ul li #szdiv #szr{   width: 30px !important; height: 30px !important; line-height: 30px !important; }

    .product_xx1_r .goum a{ height: 45px; line-height: 45px; padding: 0px 15px;}

    .product_xx2{ display: block;}
    .product_xx2 .bt{ font-size: 18px;}
    .product_xx2_l{ width: 100%; margin-bottom: 20px;}
    .product_xx2_r{ width: 100%;}
    .product_xx2_r .mk1{ margin-bottom: 15px;}

    .product_xx2_r ul li{ margin-bottom: 20px;}
    .product_xx2_r ul li .nr{ padding: 10px 5%;}
    .product_xx2_r ul li .nr h2{ font-size: 15px;}
    .product_xx2_r ul li .nr h3 b{ font-size: 20px;}
    .product_xx2_r ul li .nr h3 span a{ font-size: 12px; display: block; text-align: center;}
    .product_xx2_r ul li .nr h3 span a img{ width: 18px; display: block; margin: 0px auto; margin-left: auto;}

    .payment{ padding: 20px 0px;}

    .payment .shdz .bt{ font-size: 17px; margin-bottom: 10px;}

    .payment .shdz ul li{ padding: 10px;}
    .payment .shdz ul li h2{ font-size: 16px;}
    .payment .shdz ul li p{ font-size: 12px;}
    .payment .shdz ul li i{ width: 28px; height: 28px; line-height: 28px; font-size: 14px;}
    .payment .shdz ul .more{ padding: 15px 0px;}
    .payment .shdz ul .more i{ width: 35px; height: 35px; line-height: 35px; font-size: 15px;}

    .payment_lb dl dt h2{ width: 40%; margin: 0px 2%; text-align: center; font-size: 13px; color: #333; font-weight: bold;}
    .payment_lb dl dt h2:nth-child(2){ display: none;}
    .payment_lb dl dt h2:nth-child(3){ width:20%;}
    .payment_lb dl dt h2:nth-child(4){ width: 20%; display: none;}
    .payment_lb dl dt h2:nth-child(5){ width: 20%; display: none;}
    .payment_lb dl dt h2:nth-child(7){ width: 20%}
    .payment_lb dl dt h2:nth-child(8){ display: none;}

    .payment_lb dl dd{ padding: 6px 0px;}
    .payment_lb dl dd .img{ width: 40%;}
    .payment_lb dl dd .img p{ display: block;}
    .payment_lb dl dd .jianj{ display: none;}
    .payment_lb dl dd .jiag{ width: 20%; font-size: 13px;}
    .payment_lb dl dd .jiag:nth-child(4){ display: none;}
    .payment_lb dl dd .jiag:nth-child(5){ display: none;}
    .payment_lb dl dd .jiag:nth-child(6){ width: 40%}
    .payment_lb dl dd .jiag:nth-child(8){ display: none;}

    .payment_lb .tj h2{ font-size: 18px;}

    .payment_lb .zongj{ font-size: 16px;}
    .payment_lb .zongj span{ font-size: 20px;}

    .payment_lb .anniu a{ width: 40%; height: 45px; line-height: 45px; font-size: 14px;}

    .payment_lb .xinx ul li{ display: block;}
    .payment_lb .xinx ul li h2{ width: 100%;}
    .payment_lb .xinx ul li h2:nth-child(3){ width: 100%;}

    .payment_qr .bt{ font-size: 30px;}
    .payment_qr .jiag{ font-size: 16px;}
    .payment_qr .jiag span{ font-size: 20px;}

    .payment_qr .xinx ul li{ display: block;}
    .payment_qr .xinx ul li h2{ width: 100%;}
    .payment_qr .xinx ul li h2:nth-child(3){ width: 100%;}

    .payment_qr .zhif{ display: block;}
    .payment_qr .zhif_l{ width: 100%; margin-bottom: 20px;}
    .dropdown dd ul li a img{ width: 45px;}
    .payment_qr .zhif_r{ width: 100%;}
    .payment_qr .zhif_r a{ height: 40px; line-height: 40px;}


    .login{ padding: 20px 0px;}

    .login1 .bt{ font-size: 20px; margin-bottom: 15px; display: block;}
    .login1 .bt span{ display: block; width: 100%;}
    .login1 .bt span a{ font-size: 14px; margin-left: 0px; padding: 0px 3%;}
    .login1 ul li{ display: block; width: 90%; margin-left: 5%;}
    .login1 ul li .text{ height: 45px; line-height: 45px; font-size: 14px;}
    .login1 ul li .wjmm{ font-size: 13px;}
    .login1 ul li .tijiao{ height: 45px; line-height: 45px;}
    .login1 ul li span:nth-child(2){ margin-left: 0px;}

    .login1 ul li .yanzhenma{ font-size: 12px; position: initial; margin-top: 6px; display: block;}
    .login1 ul li span{ width: 100%; margin-bottom: 5px;}



    .member{ padding: 20px 0px;}
    .member .container{ display: block;}
    .member_l{ width: 100%;}
    .member_l a{ line-height: 35px; height: 35px; font-size: 14px; width: 50%; float: left;}

    .member_r{ padding: 5%; width: 100%;}
    .member_r .grxx .bt{ font-size: 17px; padding-bottom: 7px;}
    .member_r .grxx .bt span a{ height: 30px; line-height: 30px; font-size: 13px;}
    .member_r .grxx ul li .text{ height: 42px; font-size: 14px;}

    .member_r .grxx ul li.tijiao a{ height: 40px; line-height: 40px;}

    .addresses .bt{ font-size: 17px;}
    .addresses .bt span a{ height: 30px; line-height: 30px;}
    .addresses ul li{ padding: 10px;}
    .addresses ul li h2{ font-size: 16px;}
    .addresses ul li p{ font-size: 12px;}
    .addresses ul li h3{ display: flex; position: static; padding-top: 8px;}
    .addresses ul li h3 a{ margin-left: 0px; margin-right: 10px;}
    .addresses ul li h3 a.more{ height: 30px; line-height: 30px;}
    .addresses ul li h3 a img{ width: 20px;}

    .order .bt{ font-size: 17px;}
    .order .bt span a{ height: 30px; line-height: 30px;}

    .cart .bt{ font-size: 17px;}


    .merchandise .bt{ font-size: 17px;}
    .merchandise .bt span a{ height: 30px; line-height: 30px;}

    .cart_lb dl dt h2{ width: 30%; margin: 0px 2%; text-align: center; font-size: 13px; color: #333; font-weight: bold;}
    .cart_lb dl dt h2:nth-child(2){ display: none;}
    .cart_lb dl dt h2:nth-child(3){ width:20%;}
    .cart_lb dl dt h2:nth-child(4){ width: 20%;}
    .cart_lb dl dt h2:nth-child(5){ width: 20%;}
    .cart_lb dl dt h2:nth-child(6){ width: 10%;}

    .cart_lb dl dd{ padding: 6px 0px;}
    .cart_lb dl dd .img{ width: 30%;}
    .cart_lb dl dd .img a.guanb{ width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
    .cart_lb dl dd .img p{ display: block;}
    .cart_lb dl dd .jianj{ display: none;}
    .cart_lb dl dd .jiag{ width: 20%; font-size: 13px;}
    .cart_lb dl dd .duoxuan{ width: 10%; font-size: 12px;}

    .cart_lb .tj h2{ font-size: 18px;}

    .cart_lb .zongj{ font-size: 16px;}
    .cart_lb .zongj span{ font-size: 20px;}
    .cart_lb .anniu a {
        width: 40%;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }


    label.bui-checkbox-label .bui-checkbox {
        width: 22px !important;
        height: 22px !important;
    }

    label.bui-checkbox-label input:checked + .bui-checkbox:after {
        width: 22px !important;
        height: 22px !important;
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .order_lb dl dt h2{ width: 18% !important; font-size: 13px;}
    .order_lb dl dt h2:nth-child(1){ display: none;}
    /*.order_lb dl dt h2:nth-child(3){ display: none;}*/
    .order_lb dl dt h2:nth-child(4){ display: none;}
    .order_lb dl dt h2:nth-child(5){display: none;}
    .order_lb dl dt h2:nth-child(6){display: none;}
    .order_lb dl dt h2:nth-child(8){width: 16% !important; }
    .order_lb dl dd .img{ width: 25%;}
    .order_lb dl dd .jianj{ display: none;}
    .order_lb dl dd div:nth-child(6){ display: none; }
    .order_lb dl dd div:nth-child(1){ display: none; }
    .order_lb dl dd div:nth-child(2){ display: block;width: 13%!important; }
    /*.order_lb dl dd div:nth-child(5){ display: none;}*/
    /*.order_lb dl dd div:nth-child(6){ display: none; }*/
    .order_lb dl dd div:nth-child(7){ display: block;width: 13%!important; }
    .order_lb dl dd div:nth-child(8){ width: 20%!important; }
    .order_lb dl dd .more{ width: 25%;}
    .order_lb dl dd .more a{ font-size: 12px; height: auto; line-height: 16px; padding: 5px 0px;}


    .merchandise ul li{ width:100%;}


    .member_r .grxx ul li .shangchuan .shangchuan2 ul li img {max-height: 50px;}

    .layui-layer-content .layui-input-block {
        margin-left:auto !important;
        width:54%;
    }

    .member_r .grxx ul li .shangchuan .shangchuan1{ width: 100%;}
    .member_r .grxx ul li .shangchuan p{ font-size: 13px;}
}

@media(max-width:768px) {

    .member_r .grxx ul li .shangchuan .shangchuan2 ul li img {max-height: 35px;}

}

@media(max-width:450px) {

    .layui-form-item .layui-input-inline{ margin: 0 0 10px 10px !important;display: inline; }

}