/*Phone手机*/
.nav3{ display:none;}


@media(max-width:767px) {
    .dyui-product-list.dyui-row .col-6:nth-child(2n + 1) { clear: both; }
    .dyui-mainr .main-header{ display:none;}
    .dyui-card-b .card-header{ display:none;}
    #jsselect{ display:none;}
    #scrollsidebar{ display:none;}
    .dyui-card.dyui-card-dark .card-header{ display:none;}
    .sjhome2nav{ display:none;}
    .main-header.border-0{ display:none; }
    
    
    .dyui-mainl  .footer-social i{ width:50px; height:50px; line-height:50px;}
    
    .nav3{ display:block; width: 98%; margin-left:0%; margin-right:0%; margin-top: 0px; padding: 10px 1% 0 1%; background-color:#fff; border-radius:50px; margin-bottom:-10px; height:40px; }
	.nav3 ul{ width: 100%;border-top: none;}
	.nav3 ul li{float:left; width: 18% !important; text-align: center;border-bottom: none; clear: none; margin: 0 1%;}
	.nav3 ul li a{ font-size:12px; color: #fff; display: block;line-height: 30px;background-color:#333333; border-radius: 50px; }
	.nav3 ul .on a { color: #fff;background-color: #ea1c26;}
    
    
    
    .d-lng{ display:inline-flex;}
    .header {background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .header .navbar {padding: 0; border-top: solid 1px #eee}
    .navbar-brand {padding: 0}
    .header .logo {height: 46px; line-height: 46px; display: block; padding: 5px 0 5px 10px;}
    .header .logo img {max-width: 100%; height: 100%; display: block}
    .header .navbar-toggler {color: #333}
    .header .navbar-toggler i {font-size: 30px;}

    /*导航开始*/
    .header .head {padding: 0; line-height: 46px; height: 46px;}
    .header .navbar-collapse {background: #fff; padding: 10px 15px;}
    .header nav .navbar-nav .nav-item {white-space: nowrap}
    .header .dyui-nav {align-items: initial; padding: 0;}
    .header .dyui-nav li a.c1 {display: block; white-space: nowrap; height: 40px; line-height: 40px; color: #333; padding: 0;}
    .header .dyui-nav li a.c1:hover {background: none}
    .header .dyui-nav li.active a.c1 {background: none; color: #f00}
    .header nav .navbar-nav .nav-link {line-height: 30px}
    nav {
        line-height: 50px;
        position: relative
    }
    nav.nav-mod-fixed {
        position: fixed
    }
    nav.nav-mod-fixed .navbar-collapse {
        overflow-y: scroll;
        max-height: 380px
    }
    .navfix-mod-other {
        height: 60px
    }
    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0}
    .dyui-nav li.open .dropdown-menu,
    .dyui-nav li.show .dropdown-menu {display: block;}
    .nav>li>.dropdown-menu {
    }
    .nav>li.open>.dropdown-menu {
        display: block
    }
    .nav>li>.dropdown-menu>.dropdown-item {line-height: 30px}
    .navbar-toggle {
        padding: 0 15px;
        border: none;
        margin: 0;
        height: 60px
    }
    .navbar-nav {
        margin: 0
    }
    .nav>li>a:after {content: ''; float: right; margin-top: 18px; height: 10px;}
    .nav>li>a.active:after {
        border-bottom: 1px solid #a8a8a8;
        left: 0;
        right: auto
    }
    .dropdown-menu>li {
        border: none
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 50px;
        border-bottom: 1px dotted #f2f2f2
    }

    .dyui-header-line {height: 46px;}

/*首页导航*/
.m-nav {background-color: #fff; padding: 20px 10px 10px 10px; display: none !important}
.m-nav ul li img {max-width: 80%;}
.m-nav ul li span {display: inline-block; line-height: 30px; height: 30px; overflow: hidden; margin-top: 6px;}

.search-main .form-inline .custom-select {width: 80px;}
.search-main .form-inline .form-control {padding: 0 70px 0 90px}

.gutters20 > .col, .gutters20 > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
.dyui-main-box {padding: 10px 0}

.product-list .col-md-3 {padding-left: 5px; padding-right: 5px}

.thumb-list li .thumb {width: 80px; height: 60px}
.thumb-list li .info {height: 70px; overflow: hidden}

.form-control, .custom-select {
    box-sizing: border-box;
    width: 100% !IMPORTANT;
}

.dyui-form-flex .form-group {display: block}

.touchnum {margin-bottom: 10px; margin-left: 5px;}
.touchnum .form-control {flex: 0 0 60px;}
.dyui-container{ width:98%; padding:0; margin:0 1%;}




}

/*iPad*/
@media(max-width:1024px) {
    .row {margin-left: -5px; margin-right: -5px}
    .row .col-md-2 {padding-right: 5px; padding-left: 5px}
}

/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){
    
    .dyui-nav.nav.navbar-nav.dyui-container{ display:block;}
    
    .navbar-nav {
        /*margin: 0; flex-direction: row;*/
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 22px;
        padding-bottom: 22px
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .nav>li>.dropdown-menu {
        opacity: 1;
        visibility: hidden;
        display: none;
    }
    .nav>li.open>.dropdown-menu {
        display: block
    }

}

@media (max-width:768px){
    #sidekefu ul li{ display:none;}
    #sidekefu #btn{ display:block; }
    .dyui-product-list.dyui-row { display:block; }
    .dyui-product-list.dyui-row .col-6{ width:100%; max-width:100%; }
    
    .dyui-footer-nav ul li{ position:relative; }
    .dyui-footer-nav .badge{ position:absolute; top:0px; right:20px; line-height:15px!important; background: #ff5722; color:#fff; }
    .kf-cart{ display:none;}
    #sidekefu{ top:auto!important; bottom:-210px;}
    .copyright-area p{ text-align:center; }
    .copyright-area ul {
        text-align: center;
        margin-top: 10px;
    }
    .dyui-card.dyui-card-dark.mt-3{ display:none;}
    .dyui-fr .dyui-search{ display:none;}
    .cat-banner{ margin-top:47px; overflow:hidden;}
    .cat-banner img{ width:200%; margin-left:-80%;}
    
    .dyui-product-list.dyui-row{ margin:0; clear:both; }
    .dyui-product-list.dyui-row:before{ content:" "; clear:both;}
    .dyui-product-list.dyui-row .col-6{ width:calc( 50% - 0px );  float:left; }
    .dyui-product-list.dyui-row .col-6 .box{ margin-left:-8px; margin-right:-8px;}
        #sidekefu {
        top: auto !important; right:5px!important;
        bottom: -255px;z-index: 9999999999999999999!important;
    }
    .d-flex.justify-content-center{ float:none; clear:both;}
    .dyui-footer-nav ul{ padding-right:30px;}
    .no-gutters{ margin:0 3px;}
    .spmsxx{ margin-left:0; width:100%; }
    .touchnum{ width:calc( 100% - 165px  ); }
    .spmsxx .form-group{ display:flex;  }
    .form-group.row .btn.red.ml-2{  width:145px; display:inline-block;  margin-right:0; line-height:20px;  height:40px; }
    .show-product-info .description{ margin:0 3px; margin-top:-25px;}
    .show-tab{ margin:0 5px;}
}
}