/*phone+iPad*/
@media(max-width:768px) {

    body {min-width: 320px} /*设置手机下body最小宽度*/

    .dyui-header {height: 46px; background-color: #FFF; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);z-index: 9999}
    .dyui-header .navbar {padding: 0; position: relative}
    .dyui-header .navbar>.container {padding-right: 0; padding-left: 0; max-width: 100%}
    .dyui-header .navbar .navbar-toggler {font-size: 28px; height: 46px}
    .dyui-header .navbar-brand {padding: 0 0 0 10px}
    .dyui-header .logo {display: none;}
    .dyui-header .logo2 {display: block; max-width: 100%; height: 30px;}

    /*导航开始*/
    .dyui-header .navbar-collapse {background-color: #fff; padding: 10px 10px 15px; border-top: solid 1px #ddd; box-shadow: 0 5px 10px rgba(0,0,0,0.1); max-height: calc(100vh - 96px); overflow-y: auto}
    .dyui-header .dyui-nav li a.c1 {display: block; height: 40px; line-height: 40px; box-sizing: content-box; text-align: left; position: relative; border-bottom: solid 1px #eee; color: #333}
    .dyui-header .dyui-nav li a.c1.dropdown-toggle::after {position: absolute; right: 15px; top: 20px; content: ''; display: inline-block; width: 12px; height: 12px; margin-top: -2px; border: none; border-right: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-45deg);}
    .dyui-header .dyui-nav li a.c1.show.dropdown-toggle::after {-webkit-transform: rotate(45deg);}
    .dyui-header .dyui-nav li.active a.c1.dropdown-toggle::after {-webkit-transform: rotate(45deg); border-color: #EA8302}
    .dyui-header .dyui-nav li.active a.c1 {border-bottom: solid 1px #EA8302; color: #EA8302}
    .dyui-header .navbar-nav .dropdown-menu {margin-top: -1px; padding: 5px 15px}
    .dyui-header .dyui-nav li.active .dropdown-menu {display: block; border-bottom: solid 1px #eee;}
    .dyui-header .dyui-nav .open>.dropdown-menu {display: block}
    .dyui-header .dyui-nav>li>.dropdown-menu>li>a.c2 {padding: 10px 0; border: none; text-align: left;}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .dyui-nav .dropdown-item:focus,
    .dyui-header .dyui-nav .dropdown-item:active {background: none !important; color: #333;}

    .dyui-header .search {width: 100%; padding: 10px 0; margin-top: 10px}
    .dyui-header .search .form-control {background-color: #f5f5f5; width: 100%; position: initial; padding: 10px 20px;}
    .dyui-header .search.open .form-control {width: 100%;}
    .dyui-header .search .btn {background-color: #EA8302; color: #fff; border: solid 1px #EA8302}
    .shadow.dyui-header .search .btn {color: #fff;}
    .dyui-header-line {height: 50px;}

    .cat-banner {height: 150px}

/*首页导航*/
.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;}

.dyui-news {overflow: hidden}
.dyui-news .swiper {overflow: initial; padding: 0 15px}

.dyui-main-box {padding: 10px 0}

    .product-info-main {border: none}

    .product-images {width: 100%}
    .product-images .magnifier {width: 100% !important;}
    .magnifier .magnifier-container {width: 100% !important; height: auto !important;}
    .magnifier .images-cover {text-align: center}
    .magnifier .images-cover img {position: initial; margin:0 !important;}
    .move-view{display: none !important;}
    .magnifier-view{display: none !important;}



.dyui-footer-line {height: 50px}

/*留言表单*/
    .dyui-form-flex .form-group {flex-wrap: wrap;}

}