/**手机 <=768px */
@media (max-width: 768px) {
    .mh-main { margin-top: 0; padding-bottom: 0px; }
    .mh-card { padding: 1rem }
    .mh-shop-cart_operate { display: none }
    .mh-auto-pc_display { display: none }
    .mh-user-center_info { width: 100% }
    .user-login { width: 100%; }
    .mh-product-container { display: block }
    .mh-modal-video { width: 100% }
    .mh-form { max-width: 100% }
    .mh-carouse-item_body { top: 10px; }
    .mh-carouse_describe_text { margin-top: 10px; }
    .mh-carouse_btn { margin-top: 20px; }
    .mh-product-col img { height: auto }
    .mh-product-list-col img { width: 100%; height: auto }
    .mh-blog-rec-col { padding: 0 }
    .mh-blog-rec-container { margin-left: 0 }
    .mh-footer { padding-bottom: 100px }
    .mh-about-us-mapdes { width: 100%; flex: 1; }
    .mh-about-us-map { width: 100%; }
    .mh-product-category-body { padding: 60px 0px 60px 0px }
    .mh-product-detail-attr { padding-left: 0 }
    .mh-product-falls { columns: 1; }
    .mh-xs-fa-1 { columns: 1; }
    .mh-xs-fa-2 { columns: 2; }
    .mh-xs-fa-3 { columns: 3; }
    .mh-xs-fa-4 { columns: 4; }
    .mh-xs-fa-5 { columns: 5; }
    .mh-xs-fa-6 { columns: 6; }
    .mh-xs-fa-1 > div { width: 100%; position: relative; }
    .mh-xs-fa-2 > div { width: 100%; position: relative; }
    .mh-xs-fa-3 > div { width: 100%; position: relative; }
    .mh-xs-fa-4 > div { width: 100%; position: relative; }
    .mh-xs-fa-5 > div { width: 100%; position: relative; }
    .mh-xs-fa-6 > div { width: 100%; position: relative; }

    .mh-product-detail-big-image > img { width: 100%; height: 100% }
    .mh-product-detail-big-image > video { width: 100%; min-height: 320px }
    .sku_view_list { display: none }
    .sku_view { display: block }
    .btn[data-sku-view] { display: inline-block }
    .btn[data-addshopcartlist] { display: none }
}

/**平板*/
@media(min-width: 768px) and (max-width: 991px) {
    .mh-main { margin-top: 0; padding-bottom: 0px; }
    .mh-card { padding: 1rem }
    .mh-shop-cart_operate { display: none }
    /*.mh-auto-mobile_display { display: block }*/
    .mh-auto-pc_display { display: none }
    .mh-user-center_info { width: 100% }
    .user-login { width: 100%; }
    .mh-product-container { display: block }
    .mh-product-detail-big-image > img { width: 100%; height: 100% }
    .mh-product-detail-big-image > video { width: 100%; min-height: 320px }
    .mh-form { max-width: 100% }
    .mh-carouse-item_body { top: 20px; }
    .mh-carouse_describe_text { margin-top: 10px; }
    .mh-carouse_btn { margin-top: 10px; }
    .mh-product-col img { height: 400px; }
    .mh-product-list-col img { width: 100%; height: auto }
    .mh-footer { padding-bottom: 100px }
    .mh-about-us-mapdes { width: 100%; flex: 1; }
    .mh-about-us-map { width: 100% }
    .mh-product-category-body { padding: 60px 0px 60px 0px }
    .mh-product-detail-attr { padding-left: 0 }
    .mh-product-falls { columns: 2; }
    .mh-sm-fa-1 { columns: 1; }
    .mh-sm-fa-2 { columns: 2; }
    .mh-sm-fa-3 { columns: 3; }
    .mh-sm-fa-4 { columns: 4; }
    .mh-sm-fa-5 { columns: 5; }
    .mh-sm-fa-6 { columns: 6; }
    .mh-sm-fa-1 > div { width: 100%; position: relative; }
    .mh-sm-fa-2 > div { width: 100%; position: relative; }
    .mh-sm-fa-3 > div { width: 100%; position: relative; }
    .mh-sm-fa-4 > div { width: 100%; position: relative; }
    .mh-sm-fa-5 > div { width: 100%; position: relative; }
    .mh-sm-fa-6 > div { width: 100%; position: relative; }
    .sku_view_list { display: none }
    .sku_view { display: block }
    .btn[data-sku-view] { display: inline-block }
    .btn[data-addshopcartlist] { display: none }
}

/**中等屏幕（笔记本电脑）*/
@media(min-width: 992px) {
    .mh-mobile-header_bar { display: none }
    .mh-auto-mobile_display { display: none }
    .mh-product-detail-big-image > img { width: 100%; height: 460px;  }
    .mh-product-detail-big-image > video { width: 100%; height: 460px }
    .mh-product-col img { height: 310px }
    .mh-product-list-col img { width: 100%; height: 220px }
    .mh-product-detail-attr { padding-left: 30px }
    .mh-md-fa-1 { columns: 1; }
    .mh-md-fa-2 { columns: 2; }
    .mh-md-fa-3 { columns: 3; }
    .mh-md-fa-4 { columns: 4; }
    .mh-md-fa-5 { columns: 5; }
    .mh-md-fa-6 { columns: 6; }
    .mh-md-fa-1 > div { width: 100%; position: relative; }
    .mh-md-fa-2 > div { width: 100%; position: relative; }
    .mh-md-fa-3 > div { width: 100%; position: relative; }
    .mh-md-fa-4 > div { width: 100%; position: relative; }
    .mh-md-fa-5 > div { width: 100%; position: relative; }
    .mh-md-fa-6 > div { width: 100%; position: relative; }
    .sku_view_list[data-type="0"] { display: none }
    .sku_view_list[data-type="1"] { display: block }
    .sku_view[data-type="0"] { display: block }
    .sku_view[data-type="1"] { display: none }
    .btn[data-sku-view="0"] { display: inline-block }
    .btn[data-sku-view="1"] { display: none }

    .btn[data-addshopcart="0"] { display: inline-block }
    .btn[data-addshopcart="1"] { display: none }
    .btn[data-addshopcartlist="0"] { display: none }
    .btn[data-addshopcartlist="1"] { display: inline-block }
}

/**大屏幕*/
@media(min-width: 1200px) {
    .mh-mobile-header_bar { display: none }
    .mh-auto-mobile_display { display: none }
    .mh-product-detail-big-image > img { width: 100%; height: 510px; }
    .mh-product-detail-big-image > video { width: 100%; height: 510px }
    .mh-product-col img { height: 310px }
    .mh-product-list-col_detail img { width: 100%; height: 150px }
    .mh-product-detail-attr { padding-left: 30px }
    .mh-lg-fa-1 { columns: 1; }
    .mh-lg-fa-2 { columns: 2; }
    .mh-lg-fa-3 { columns: 3; }
    .mh-lg-fa-4 { columns: 4; }
    .mh-lg-fa-5 { columns: 5; }
    .mh-lg-fa-6 { columns: 6; }
    .mh-lg-fa-1 > div { width: 100%; position: relative; }
    .mh-lg-fa-2 > div { width: 100%; position: relative; }
    .mh-lg-fa-3 > div { width: 100%; position: relative; }
    .mh-lg-fa-4 > div { width: 100%; position: relative; }
    .mh-lg-fa-5 > div { width: 100%; position: relative; }
    .mh-lg-fa-6 > div { width: 100%; position: relative; }
    .sku_view_list[data-type="0"] { display: none }
    .sku_view_list[data-type="1"] { display: block }
    .sku_view[data-type="0"] { display: block }
    .sku_view[data-type="1"] { display: none }
    .btn[data-sku-view="0"] { display: inline-block }
    .btn[data-sku-view="1"] { display: none }

    .btn[data-addshopcart="0"] { display: inline-block }
    .btn[data-addshopcart="1"] { display: none }
    .btn[data-addshopcartlist="0"] { display: none }
    .btn[data-addshopcartlist="1"] { display: inline-block }
}

/*工具栏*/
.mh-mobile-header { position: fixed; width: 100%; left: 0; top: 0; background-color: #fff; z-index: 99999; }
.mh-mobile-bottom_nav-bar { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; height: 50px }
.mh-mobile-bottom_nav-bar > li { }
.mh-mobile-bottom_nav-bar-back { flex: 0 0 50px !important; padding-left: 10px; }
.mh-mobile-bottom_nav-bar-title { flex: 1 1 auto; text-align: center; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mh-mobile-bottom_nav-bar-operate { flex: 0 0 50px !important; padding-left: 10px; }
/**顶部导航条*/
.mh-mobile-bottom_bar { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; }
.mh-mobile-bottom_bar > li { flex: 1 }


/**底部菜单*/
.mh-mobile-bottom { position: fixed; width: 100%; left: 0; background-color: #fff; z-index: 999999999; bottom: 0; }
.mh-mobile-bottom_bar { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; border-top: 1px solid #efeaea; }
.mh-mobile-bottom_bar > li { flex: 1 }
.mh-mobile-bottom_bar > li > a { text-align: center; display: block; padding: 10px; color: #353535 }
.mh-mobile-bottom_bar > li > a[selectd] { color: #0a67fb }
.mh-mobile-bottom_bar > li span.icon { display: block }
.mh-mobile-bottom_bar > li span.icon > i { font-size: 20px }
.mh-mobile-bottom_bar > li span.title { display: block }

.mh-shop-cart_mobile-stat { display: flex; align-items: end }
.mh-shop-cart_mobile-stat-title { font-size: 20px }
.mh-shop-cart_mobile-stat > div { flex: 1 }
.mh-shop-cart_mobile-stat_checkbox { text-align: right }
.mh-shop-cart_mobile-stat_btns { flex: 0 0 52px !important; padding-left: 10px; }


.hm-nav_dropdown-menu > li > a { padding: 7px 20px; }

@media (max-width: 767px) {
    .mh-mobile-nav1 .open .dropdown-menu > li > a { line-height: 25px; }
}

@media (max-width: 767px) {
    .mh-mobile-nav1 .open .dropdown-menu .dropdown-header, .mh-mobile-nav1 .open .dropdown-menu > li > a { padding: 5px 15px 10px 25px; }
}

.mh-mobile-header_bar { margin-bottom: 10px; }