@media (max-width: 1000px) {
	.pc_menu{display: none;}
	.m_menu{display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background: #fff; transition:all,0.3s;}
	.nav li{text-align: center;}
	.nav .leftnav{left: 0.15rem;}
	.nav .rightnav{right: 0.15rem;}
	.nav .logo img{width: 3.06rem;}
	.nav img{width: 0.48rem;}
	.m_menu .subnav{position: absolute; top:  1.1rem; left: 0; display: block; height: 100%; width: 100%; background: none;  display: none;}
	.m_menu .subnav .closebtn{background: #fff; height:0.65rem;     width: 0.6rem; margin-left: -100%; text-align: center;    padding-top: 0.16rem; position: absolute; top: -0.9rem;}
	.m_menu .subnav .closebtn img{width: 0.32rem;}
	.m_menu .subnav .subnavbg {width: 100%; height: 90%; position: absolute; z-index: 0; background: #fff;}
	.m_menu .subnav .conbox{width: 100%; display: none; position: relative; z-index: 1; margin-top: 0.1rem;}
	.m_menu .subnav .btnbox{display: flex;}
	.m_menu .subnav .btnbox li{text-align: center; font-size: 0.28rem; color: #505153; padding: 0 0  0.16rem; background: #f0efef; margin: 0 0.02rem; width: 30%;}
	.m_menu .subnav .btnbox li:first-child{margin-left: 0;}
	.m_menu .subnav .btnbox li:last-child{margin-right: 0;}
	.m_menu .subnav .btnbox li img{width: 1.47rem;}
	.m_menu .subnav .btnbox li b{display: block;}
	.m_menu .subbox{position: relative;display:none; text-align: left;}
	.m_menu .subbox .itembox{display:none; position: absolute; top:1.1rem; left:0;width: 100%; text-align: left;}
	.m_menu .subnav .conbox .title{text-align: center; font-size: 0.28rem;}
	.m_menu .subnav .conbox .title:after{top: 96%;left: 35%;}
	.m_menu .subnav .conbox .itemcon.off .title{color: #8f8f8f;}
	.m_menu .subnav .conbox .itemcon.off .title:after{background: #8f8f8f;}
	.m_menu .subnav .conbox .itemcon.off .itembox{display: none;}
	.m_menu .subnav .conbox .itembox{display:block; float: left;}
	.m_menu .subnav .conbox .itembox a{width: 3.42rem; height: 1.29rem;line-height:1.29rem;    text-align: left;}
	.m_menu .subnav .conbox .itembox a span{font-size:0.25rem;width: 1.77rem; line-height: 0.32rem;     margin-left: 1.4rem; text-align: right;}
	.m_menu .subnav .conbox .demand .itembox a{width: 2.4rem; height: 0.77rem;line-height:0.77rem;}
	.m_menu .subnav .conbox .demand .itembox a img{width:0.77rem; height: 0.77rem;}
	.m_menu .subnav .conbox .demand .itembox a span{line-height:0.77rem;width: 1.61rem; margin-left: 0.9rem; text-align: left;}
	.m_menu .subnav .conbox .demand .itembox{padding-left: 0.2rem;
    text-align: left;}
    .m_menu .subnav .conbox li.on{background: #fff;}
    .m_menu .subnav .conbox.con1{margin-top: 0;}
    .m_menu .subnav .conbox.con1{margin-top: 0;}
    .m_menu .subnav .searchbox .bg{background: #035940;}
    .m_menu .subnav .searchbox .bg input[type="search"]{width: 5.31rem; font-size: 0.28rem; padding-left: 0.1rem;}
    .m_menu .subnav .searchbox .bg input[data-type="search"]{width: 5.31rem; font-size: 0.28rem; padding-left: 0.1rem;}
    .m_menu .subnav .searchbox .ui-input-clear{display: none;}
    .m_menu .subnav .searchbox .ui-shadow{display: inline-block;}
    .m_menu .subnav .conbox  .subbox3 {text-align: center; padding-top: 0.47rem;}
    .m_menu .subnav .conbox .subbox3 .itembox{text-align: center; }
    .m_menu .subnav .conbox  .subbox3 a{width: 5.30rem; margin-bottom: 0.30rem; height: 1.76rem;    line-height: 1.76rem;}
    .m_menu .subnav .conbox .subbox3 .itembox a span{margin-left: 3.24rem;}
    
    .m_menu .subnav .conbox.con2 {text-align: center; padding-top: 0.47rem;}
    .m_menu .subnav .conbox.con2 a{width: 5.30rem; margin-bottom: 0.30rem; height: 1.76rem;    line-height: 1.76rem;}
    .m_menu .subnav .conbox.con2 .itembox a span{margin-left: 3.24rem;}
    .m_menu .subnav .conbox.con3 {padding-top: 0.47rem; padding-left: 0.32rem;}
    .m_menu .subnav .conbox.con3 a{width: 3.58rem; margin-bottom: 0.30rem; height: 0.80rem;    line-height: 0.80rem; border: 0;}
    .m_menu .subnav .conbox.con3 .itembox a span{margin-left:0.96rem; font-size: 0.26rem; width: 2.62rem; text-align: left; color: #00573e;}
    .m_menu .subnav .conbox.con3  .itembox{text-align: left; }
    .m_menu .subnav.c0 .closebtn{margin-left: 0.2rem;}
    .m_menu .subnav.c1 .closebtn{margin-left:0.8rem;}
    .m_menu .subnav.c2 .closebtn{margin-left: 6rem;}
    .m_menu .subnav.c3 .closebtn{margin-left: 6.8rem;}
    .m_menu .hot_deals,.hot_deals .swiper-container{width: 100%;}
    .m_menu .subnav .hot_deals .title{color: #545c5c;}
    .m_menu .subnav .hot_deals .title:after{width: 50%; top:50%;  margin-left: -25%; left: 50%; background:#545c5c ;}
    .m_menu .hot_deals p{font-size: 0.28rem;line-height: 1rem; height:1rem;}
    .m_menu .hot_deals .price{height: 0.5rem;font-size: 0.30rem; line-height: 0.5rem;}
    .m_menu .hot_deals .swiper-pagination{width: 100%; text-align: center;    padding: 0.3rem 0;font-size: 0.28rem; color: #035940;}
   .m_menu .hot_deals .btn{display: none;}
    .container{padding-top: 1.24rem;}
    .error400 img{vertical-align: middle; width: 90%;}
    
	.index .banner .boxbg{ background-position: center top;    padding-top: 4.65rem;}
	.index .banner .boxbg:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
	.index .banner .boxbg{*zoom: 1;}
	.index .banner .boxbg .txtcon{padding-left: 0.32rem; float: left; clear: both;}
	.index .title{margin: 0.48rem auto; margin-bottom: 0;width: 4.5rem;}
	.index .bestsellers{width: 100%;}
	.index .bestsellers .btn{display: none;}
	.index .bestsellers .bestsellersbox{margin-left: 0.28rem; padding-bottom: 0.54rem;}
	.index .anniversary .img{margin-top: 0.36rem; height: 3.79rem; width: 92%; margin: 0 auto; background-position: 50% bottom;background-size:auto 100% ;}
	.index .anniversary .videobox{width: auto;}
	.index .welfare_club .title{ margin-top: 0.7rem;}
	.index .welfare_club .box{width: 100%; margin-top: 0.56rem;display:block}
	.index .welfare_club .box li{width: 92%; float: none; margin: 0 auto;}
	.index .welfare_club .box .img_0{background-size:100% auto; height: 3.60rem;  margin: 0 auto; margin-bottom: 0.04rem; background-position: center;}
	.index .welfare_club .box .img_1{width: 100%;    height: auto;}
	.index .welfare_club .box li:last-child{ margin-right: auto;}
	.index .welfare_club .box .img_2{height: auto; width: 49.5%;}
	.index .welfare_club .box .img_3{height: auto; width: 49.5%;}
	.index .anniversary .title{margin: 0rem auto 0.40rem;}

	.index .popup .pop_big{width:100%; height:110%; background:url(/uploads/image/dtwhi/black_bg.png); background-size:4.86rem 6.48rem; position:fixed; top:0; z-index:99;}
	.index .popup .popcontent{margin:20% auto 0 auto;width:5.0rem; height:8.87rem; background: repeat; background-size:5.0rem; cursor:pointer;}
	.index .popup .popcontent .pc{padding:0 5.4rem 6.9rem 5.4rem; display:none;}
	.index .popup .popcontent .mobile{padding:0 5.4rem 6.9rem 5.4rem; display:block;}
	.index .popup .btnclose{width:2.5rem; height:auto; margin:0.1rem auto 0 auto; color:#fff; text-align:center; font-size:0.3rem; cursor:pointer;}
	.index .popup .btnclose img{ margin-top:0.1rem; }
	.index .popup .pop_small{width:auto; height:auto; position:fixed; right:0rem; top:8.5rem; z-index:9; display:none;}
	.index .popup .pop_small img{ width:1.5rem; height:0.73rem;}


	.footer{position: relative;}
	.footer .box{width: 7.1rem; margin-left:0.4rem;}
	.footer .con0{display: none;}
	.footer .con1{font-size: 0.24rem; position: relative;}
	.footer li.con1 div b{display: block; margin: 0.23rem 0 0.38rem; text-align: left; position: relative; font-size: 0.26rem;padding-left: 0.3rem; margin-left: -0.3rem; line-height: 0.26rem;}
	.footer .con1 b:before{display: block; content: ""; position: absolute; top: 50%; transform: translatey(-50%); height: 0.2rem; width: 0.2rem; background: url(/uploads/image/dtwh/images/footer_icon.png) no-repeat; background-size: 100% 100%; left:0;}
	.footer li.con1 div{font-size: 0.24rem; padding-left: 0.3rem;}
	.footer .con1 .txt0 a{margin-right:0.48rem; margin-left: 0.18rem; line-height: 0.3rem;}
	.footer .con1 .txt0 a span{display: inline-block; font-size: 0.25rem;}
	.footer .con1 .txt0 img{height: 0.3rem;}
	.footer .con1 .txt0 a:last-child img{height: 0.25rem; vertical-align: middle;}
	/*.footer .con1 .txt0 a:hover .qrcode{display: none;}*/
	.footer li.con1 div.txt0 a:nth-child(2){width:auto;margin-left: -0.03rem;}
	/*.footer li.con1 div.txt0 a:nth-child(2):hover .qrcode{display: block;}*/
	.footer li.con1 div.txt0 a:nth-child(3){width:auto;}
	.footer li.con1 div.txt0 a:nth-child(4){width:auto;}
	.footer li.con1 div.txt0 a:nth-child(5){width:auto;}
	.footer li.con1 div.txt0 a:nth-child(6){width:auto;}
	.footer li.con1 div.txt3 a:nth-child(5) img{height: 0.3rem;}
	.footer .con1 .txt1 {margin-top:  2.4rem; line-height: 0.36rem; font-size: 0.24rem;}
	.footer .con1 .txt1 b{margin-bottom: 0.25rem;}
	.footer .con1 .txt2 b{margin-bottom: 0.20rem;}
	.footer .con1 .txt1 span{display: block; line-height: 0.45rem;}
	.footer .con1 .txt3{position: absolute; top:1.5rem; left: 0;}
	.footer li.con1 div.txt3 a{ margin: 0 0.45rem;margin-left: 0; margin-bottom: 0.27rem;display: inline-block;}
	.footer li.con1 div.txt3 a img{height: 0.48rem;}
	.footer li.con1 div.txt3 a:nth-child(5) img{height: auto;   width: 1.35rem;}
	.footer li.con1 div.txt3 a:last-child img{height: auto; width:1.28rem;; margin-left: 0;}
	.footer li.con1 div.txt3 a:nth-child(6) {position: absolute;    left:2.4rem;bottom: 0.2rem;}
	.footer .con1 .txt2{font-size: 0.24rem;}
	/*.footer li.con1 div.txt3 a:nth-child(6) {margin-left: 2rem;}*/
	
	.footer .copyright{font-size: 0.18rem; padding: 0; text-align: center; margin-top: 0.78rem;}
	.footer .copyright img{vertical-align: middle;}
	.footer .pc{display: none;}
	.footer .m{display: inline;}
	.footer li.con1 div a:hover .qrcode{
    height: 2.31rem;
    top: -2.5rem; left: 0;
    overflow: hidden;}
    .footer li.con1 div a .qrcode{
    	    top: -2.3rem;
    	    left: 50%;
    	    margin: 0;
    	  	transform: translatex(-50%);
    }
    .footer li.con1 div a:last-child .qrcode img {
    		height: 2.3rem;
	}
    .footer li.con1 div a .qrcode img {
    		height: 2.3rem;
	}
	.index .banner .boxbg{position: relative;}
	.index .banner .boxbg .link{position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: ;}
	.index .banner .boxbg .txtcon a.more{right: auto; left: 4.6rem; bottom: 1.1rem;}
	.index .banner .boxbg .txtcon h6{margin-top: 0;    font-size: 0.3rem;}
	.index .page .pagination{width: 100%; text-align: center;}
	.index .anniversary .videobox{width:98%; margin-left: 0.3rem; height: 3rem;}
	.index .anniversary .videobox .swiper-slide{width:45%;height: 2.5rem;}
	.popbox .popcontent{width:6.70rem; margin-left: -3.35rem;}
	.popbox .popcontent #my-player video{width: 100%;}
	.index .banner .btn.right_btn{
		transform: scale(0.5);
    		right: 0.1rem;
	}
	.index .banner .btn.left_btn{
		transform: scale(0.5);
    		left: 0.1rem;
	}
	
	.pc_filterbox{display: none;}
	.m_filterbox{display: block; position: relative; z-index: 2;    position: fixed;top: 1.15rem;left: 0; width: 100%;}
	.m_filterbox.on{height: 100%;}
	.m_filterbox .btnbox{display: flex; padding: 0.2rem 0; background:#fff;border-bottom:0.01rem solid #ccc;border-top:0.01rem solid #ccc;}
	.m_filterbox .btnbox li{width: 50%; text-align: center; height: 0.83rem; line-height: 0.83rem; font-size: .28rem; color: #545c5c;}
	.m_filterbox .btnbox li:first-child{border-right:0.01rem solid #ccc;}
	.m_filterbox .btnbox li.on{color:#72ac2f;}
	.m_filterbox .btnbox li b{font-weight: normal;}
	.m_filterbox .btnbox li span{margin-left: 0.20rem;display: inline-block;}
	.m_filterbox .btnbox li span img{width: 0.23rem; vertical-align: middle;}
	.m_filterbox .btnbox li.on span{transform: scale(-1); -webkit-transform: scale(-1);}
	
	.m_filterbox .subbox {position: relative; z-index: 1;     background: rgba(0,0,0,0.7);display: none; overflow: auto; padding-bottom: 0.1rem;}
	.m_filterbox .subbox dl{ padding: 0.17rem 0.19rem; width: auto; border-top:0.01rem solid #ccc; border-bottom: 0;text-align: justify; display: none; background: #fff;}
	.m_filterbox .subbox dl dd{height: auto; margin: 0.1rem; border-radius: 0.1rem; border: 0.02rem solid #ccc;     padding: 0.1rem;    width: 43%; display: inline-block;}
	.m_filterbox .subbox dl.series  dd.on{background: #d3eab8; border-color:#72ac2f ; background-image:url(/uploads/image/dtwhi/product/m-productlist_series_bg.png); background-repeat: no-repeat; background-position: right bottom;}
	.m_filterbox .subbox dl.series  dd img{width: auto;}
	.m_filterbox .subbox dl.series dd span{font-size: 0.28rem; }
	.m_filterbox .subbox dl.demand {padding: 0.17rem 0;}
	.m_filterbox .subbox dl.demand dd{width: 2.3rem; margin: 0.05rem;padding: 0.17rem 0; line-height: 0.44rem;}
	.m_filterbox .subbox dl.demand  dd.on{background: #d3eab8; border-color:#72ac2f ; background-image:url(/uploads/image/dtwhi/product/m-productlist_series_bg.png); background-repeat: no-repeat; background-position: right bottom;}
	.m_filterbox .subbox dl.demand dd span{display: inline-block; font-size: 0.28rem; }
	.m_filterbox .subbox dl.demand dd img{width: 0.5rem;}
	.m_filterbox .subbox .confirm_button_box {font-size: 0; border-top: 1px solid #d4d4d4;width: 100%;display: block; margin-top: 0.3rem;}
	.m_filterbox .subbox .confirm_button_box .btn{display: inline-block; width: 3.37rem; margin:0.28rem 0.16rem; text-align: center; border: 1px solid #d4d4d4;font-size: 0.28rem; color: #161616;line-height: 0.73rem; height: 0.73rem; border-radius: 0.73rem;}
	.m_filterbox .subbox .confirm_button_box .btn:last-child{
		border-color:#9dcc66 ; background: #9dcc66; color: #fff;
	}
	.page{display: none;}
	.productlist{padding-top: 2.38rem;margin-top: 0;height: 100%;overflow: auto;}
	.productlist .banner .boxbg{ background-position: center top; background-size:auto 100%}
	.productlist .banner .boxbg:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
	.productlist .banner .boxbg{*zoom: 1;}
	.productlist h4 img{width: 3.5rem; height:0.86rem}
	.productlist p.txt{font-size: 0.24rem; height: 1.04rem; line-height: 0.33rem; width: 6.5rem; margin: 0 auto;}
	.productlist .conbox{width: 100%; text-align: left;}
	.productlist .conbox .itemcon{width: 48%;}
	.productlist .conbox .itemcon p{font-size: 0.22rem; line-height: 0.38rem;}
	.productlist .conbox .itemcon .sutitle{font-size: 0.2rem; padding: 0.36rem 0; padding-top: 0.1rem; line-height: 0.32rem;}
	
	.searchlist .searchbox_txt{width: 90%; margin-top: 0.12rem;}
	.searchlist .conbox{width: 100%; text-align: left;}
	.searchlist .conbox .itemcon{width: 48%;}
	.searchlist .conbox .itemcon p{font-size: 0.22rem; line-height: 0.38rem;}
	.searchlist .conbox .itemcon .sutitle{font-size: 0.2rem; padding: 0.36rem 0; line-height: 0.32rem;}
	.productlist .conbox .itemcon .line{margin-top: 0.2rem;}
	.productlist .banner{width: 100%;}
	.productlist .banner .btn{ top: 35%;}
	.productlist .banner .btn.right_btn{
		transform: scale(0.5);
    		right: 0.1rem;
	}
	.productlist .banner .btn.left_btn{
		transform: scale(0.5);
    		left: 0.1rem;
	}
	.product_content .pc-logo{display: none;}
	.product_content .m-logo{display: block;}
	.product_content .product_box{width: 100%;}
	.product_content .product_box .txtcon .logo img{height: 0.86rem; padding: 0.5rem 0;}
	.product_content .product_box .product_img{float: none; width: 100%; padding-top: 0.5rem;}
	.product_content .product_box .txtcon{float: none; width: 100%; text-align: center;}
	.product_content .product_box .product_img img{height: auto;width: 100%;}
	.product_content .product_box .txtcon h5{font-size: 0.4rem; padding: 0.1rem 0;line-height: 0.48rem;}
	.product_content .product_box .txtcon h5 span{font-size: 0.22rem;padding-top: 0.3rem;}
	.product_content .product_box .txtcon .sutitle{font-size: 0.22rem;}
	.product_content .product_box .txtcon .txt{height: auto;font-size: 0.22rem; line-height: 0.4rem; width: 75%; margin: 0 auto; margin-bottom: 0.3rem; }
	.product_content .product_box .price b{font-size: 0.40rem;}
	.product_content .product_box .price span{font-size: 0.40rem;font-weight: bold;}
	.product_content .product_box .price a span{font-weight: normal;}
	.product_content .product_box .price i{font-size: 0.40rem;}
	.product_content .product_box .price{text-align: center;   padding: 0.1rem 0;}
	.product_content .product_box .price a{position:relative;
		overflow: visible;
		    width: 2rem;
	}
	.product_content .product_box .price a .iconfont{
		font-size: 1.4rem;
		position: absolute;    left: 0;
	}
	.product_content .contentbox{width: 100%;}
	.product_content .contentbox .con,.product_content .contentbox .con.full{width: 100%; float: none;}
	.product_content .contentbox .matching_product{margin: 0; width: 100%; padding-top: 1.4rem; position: fixed; height: 100%;background: rgba(0,0,0,0.65); z-index: 9; padding-bottom:1.4rem; display: none;}
	.product_content .matching_product .title{width: 4.25rem; margin: 0 auto;}
	.product_content .matching_product .title span{background: none; color: #fff; font-size: 0.27rem;}
	.product_content .matching_product .title:after{background:#fff; width: 1.05rem; top:50%;}
	.product_content .matching_product .title:before{position: absolute;top:50%; content: ""; display: block; right: 0; width: 1.05rem; height: 1px; background: #fff;}
	.product_content .matching_product h5{font-size: 0.24rem; line-height: 0.5rem;}
	.product_content .matching_product .price{font-size: 0.3rem;}
	.product_content .matching_product ul{width: 4.25rem; margin: 0 auto; margin-top: 0.145rem;}
	.product_content .matching_product li img{height:2.3rem;}
	.matching_product_icon{position: fixed; top: 5.2rem; right: 0.40rem; display: block; z-index: 1;}
	.matching_product_icon img{width: 1.09rem;}
	.product_content .path {display: none;}
	
	.brand_story .pc_con{display: none;}
	.brand_story .m_con{display: block;}
	.brand_story .m_con .topbar{font-size: 0.28rem;}
	.brand_story .con_boxs{width: 100%;}
	.brand_story .m_con .p_1 .brand_story_img{width: 100%;}
	.brand_story .m_con .topbar{top:1.18rem;}
	.brand_story .m_con .p_2 .brand_story_img{width: 100%;margin-bottom: 0.22rem;}
	.brand_story .m_con .p_2  h6{font-size: 0.36rem; color: #72ad2d; text-align: center;}
	.brand_story .m_con .p_2  p{font-size: 0.22rem; color: #505555; width: 90%; margin: 0 auto; line-height: 0.48rem; padding-bottom: 0.22rem;}
	.brand_story .m_con .p_2  .subtitle{font-size: 0.28rem; color: #72ad2d; width: 90%; margin: 0 auto;text-align: center; padding: 0.24rem 0;}
	.public_welfare .pc_con{display: none;}
	.public_welfare .m_con{display: block;}
	.public_welfare .m_con h1{font-size: 0.36rem;}
	.public_welfare .m_con .txt0{font-size: 0.20rem; line-height: 0.4rem;}
	.public_welfare .con1{padding-bottom: 0.7rem;}
	.public_welfare .con1 h6{font-size: 0.36rem;}
	.public_welfare .con1 p{font-size: 0.20rem; line-height: 0.4rem;}
	.public_welfare .con1 .img{width: 100%;}
	.public_welfare .con2 h6{font-size: 0.36rem;}
	.public_welfare .con2 p{font-size: 0.20rem; line-height: 0.4rem;}
	.public_welfare .con2 ul{padding: 0 0.3rem;}
	.public_welfare .con2 ul li{width: 48%; word-break: break-word;}
	.public_welfare .con2 ul li:first-child{width: 100%;}
	.public_welfare .con2 ul li p{padding-bottom: 0.26rem; font-size: 0.17rem;}
}


@media (max-height: 480px) {
	.product_content .contentbox .matching_product{
		padding-top: 0; }
}