.non_cate {left: 0 !important;}
.btn_icon {float: right;cursor: pointer;display: none;margin-top: 20px;}
.black_overlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black !important;z-index:2000;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
.zzdt_l::-webkit-scrollbar {
  width: 0;
}
.zzdt_l::-webkit-scrollbar-track,  
.zzdt_l::-webkit-scrollbar-thumb {
  border-radius: 999px;  
  border: 0;  
}
.zzdt_l::-webkit-scrollbar-track {
	background:#fff;
}  
.zzdt_l::-webkit-scrollbar-thumb {
  min-height: 20px;  
  background:#CCC;
  background-clip: content-box;
}  
.zzdt_l::-webkit-scrollbar-corner {
  background: transparent; 
}

.media_menu{display: none;float: right;line-height: 0;cursor: pointer;margin-top: 10px;margin-right: 10px}
.ycdiv{display: none;width: 100%;height: 53px;margin-bottom: 10px}
.phycdiv{display: none}
.phycdiv .top_nav li{width: 100%;text-align: left;padding-right: 0}
.phycdiv .hd_cart{float: left;margin-left: 10px}
.phycdiv .search{margin:20px 0 0 10px}
.phycdiv .search .search_input{width: 185px}
.phycdiv .keyword{margin-left: 10px;width: auto;margin-bottom: 18px}
.phycdiv .keyword ul{width: auto}
.phycdiv .keyword ul li{margin: 0 10px 7px 0;height: 18px;line-height: 18px;font-size: 12px}
.phycdiv .keyword ul li a{text-decoration: underline}
.cart_sx{display: none}

@media screen and (max-width: 912px) {
    .w1200{width: 100%}
    .media_menu{display: block}
    .header .header_tt{display: none}
    .phycdiv{display: block}
    .ycdiv{display: block}
    .header{position: fixed;top:0;left: 0;width: 100%;background: #fff;height: auto;border-bottom:1px solid #ccc;z-index: 100}
    .header .header_top .header_img{display: none}
    .header .header_top .hd_cart{display: none}
    .header .header_mid{display: none}
    .header .header_bot{display: none}
    .logo{margin: 0}
    .logo img{width: 180px}
    .swiper-container{height: auto}
    .left_div{position: fixed;top: 0;left: -272px;z-index:99999;width:270px !important;transition: all 0.4s;height: 100%;background: #fff;overflow-y: scroll;}
    .left_menu{padding-left: 10px;width:auto}
    .left_items h3{padding-left: 10px}
    .swiper-pagination-bullet{width:20px !important;height: 9px !important;}
    .swiper-button-prev, .swiper-button-next{width: 30px !important;height: 30px !important;margin-top: -15px !important;}
    .pro_list{width: 96%;float: none;margin:auto}
    .zcinfo{display: none}
    #footer{margin-top: 10px;padding:8px 0;font-size: 12px}
    .footer_nav{margin-top: 5px}
    .footer_nav ul li{font-weight: 400;margin:0 6px}
    .pro_info_l,.pro_info_r{width: 100%;margin-bottom: 18px}
    .proshow_desc{padding: 0}
    .proshow_desc table{width: 100%}
    .proshow_desc img{max-width: 100%}
    .proshow_desc hr{width: 100%}
    .top_nav{overflow: hidden}
    .content{padding-right: 0}
    .delivery_mess table input, .con_form_sub input{width: 95%;padding-left: 7px;padding-right: 0;margin-left: 0;}
    .delivery_mess table select{width: 95%;box-sizing: content-box;padding-left: 7px}
    .con_form_sub input{margin-bottom: 0}
    .con_form_sub .tip_red{margin-left: 0}
    .con_form_sub tr td{padding-bottom: 12px;vertical-align: top}
    #message{width: 95%;padding-left: 7px;padding-right: 0;margin-left: 0}
    .shopcart{padding:0}
    .cartitems_lips table{margin-bottom: 10px}
    .cartitems_lips .cart_total{text-align: left;padding:5px 0 5px 10px;float: left;margin-top:0}
    .cart_sx{display: block;float: right;background: #DA0033;padding:5px 12px;color: #fff;border-radius: 6px;cursor: pointer;margin-bottom: 15px}
}
@media screen and (max-width: 600px) {
    .pro_cart_name {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .delivery_mess table .td1{font-size: 12px;vertical-align: top;padding-top: 0}
    .delivery_mess table .td2{padding:0 0 7px 7px !important;}
    .delivery_mess table .td3{display: none}
    fieldset{padding:7px}
    .payment label{display: block}
    #zip1, #zip2,#tel1, #tel2, #tel3{width: 88px;margin-bottom: 6px}
}
@media screen and (max-width: 450px) {
    .pro_releated ul li, .product_list ul li{width: 50%}
    .td1 br{display: none}
    .td1 img{width: 80px;height: auto}
    .td2 .tip{font-size: 12px}
    .left_menu ul li a{font-size: 14px}
}