@charset "utf-8";
/* CSS Document */
img{max-width:100%;}
.swiper-wrapper .swiper-list .sjtu{display:none;}
#container{display:none;}


@media screen and (max-width:1720px){
	.detail-left{margin-top: 5%;}
	.main .box-hd .more2{width: 12%;}

}
@media screen and (max-width:1440px){
	.main .box-hd .more2{width: 13%;}

}
@media screen and (max-width:1230px){
	.main .box-hd .more2{width: 16%;}

}
@media screen and (max-width:1030px){
	.container,.swiper-wrapper,.home-banner-box img,.home-banner-box img{width: 100%;}
	.header-logo{padding:0 2%;width: 45%;}
	.topbar-nav{padding:0 2%;width: 65%;}
	.site-header .header-search{width: 40%;}
	.box-content .flashsale-list li{width: 23.5%;}
	.left .brick-item-m{width: 30.9%;}
	/*sousuo*/
	.container .so_box .so{width: 100%;    right:0%;margin-top: -5.5%;}
	.container .so_box .so .Search{width: 95%;}
	/*neiye*/
	.ph_mainConterBox{width: 100%;}
	.ph_mainConterBox .product-mainBox{width: 100%;height:auto;}
	.warpBox{width: 100%;}
	.ph_mainConterBox .product-mainBox .product-info{width: 45%;    height:auto;}
	.ph_mainConterBox .product-mainBox .product-info .SpecificationBox{width: 100%;height: auto;}
	.ph_mainConterBox .product-mainBox .product-info .SpecificationBox .sp-col .sp-list{width: 80%;}
	.ph_mainConterBox .product-detail{width: 100%;}
	.ph_mainConterBox .article-nav,.ph_mainConterBox .article-main{width: 100%;}
	
	.loginbox{width: 90%;margin: 0 auto;}
	.header-hyj{width: 52%;margin-right: 1%;}
	.ph_loginWicket,.ph_register{width: 50%;
    margin: 10% 0% 0 0;}
	.backPassword{width: 70%;}
	.registerBox .Box{width: 70%;}
	.ph_loginConBox{    height: 30rem;}
	.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div{width: 32%;}
	.ph_mainConterBox .classify-listBox .on{width: 17%;}
	.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div a dd{width: 30%;}
	
	.ph_subMainBox{width: 100%;}
	.ph_userConBox{padding: 2%;}
	.sc-button{width: 44%;}
	.ph_addConBox .ph_addCont .ph_infoCon label{    width: 14%;}
	.ph_infoCon label{width: 70%;}
	.layer-anim{width: 35%!important;height: 20%!important;}
	.layui-layer-page .layui-layer-content{height: auto!important;}
	
}


@media screen and (max-width:780px){
	#container{display:block;height: 260px;}
	#list{height: 260px;}
.home-container,.header-hyj{display:none;}
.topbar-nav{width: 50%;}
.topbar-nav p{font-size: 14px;overflow: hidden;white-space: nowrap;}
.main .box-hd .more2{width: 17%;}
.left .brick-item-m{width: 46.9%;}
.site-footer .footer-links .col-links{width: 30%;height: auto;padding: 0 7%;}
.site-footer .footer-links .col-contact{width: 38%;height: auto;}
.header-logo{ width: 100%;}
.swiper-wrapper .swiper-list img{width:auto;height:auto;}
/*sousuo*/
.container .so_box .so{ width:100%; position:absolute; right:0px;  padding:2px 40px 2px 2px; height:60px;margin-top: -7.5%;}
.container .so_box .so .Search{ width:97%; height:56px; background:#fff; border:none; line-height:20px; padding:8px 10px; font-size:14px;}
.container .so_box .so .sear_sub{ width:60px; height:58px; position:absolute; right:0; }

.box-content .flashsale-list li {width: 246px;}
/*neiye*/
.ph_mainConterBox .product-mainBox .imgBox{width: 50%;padding:0;}
.ph_mainConterBox .product-mainBox .imgBox .preview,.ph_mainConterBox .product-mainBox .imgBox .preview .bigImg,.ph_mainConterBox .product-mainBox .imgBox .preview .bigImg #midimg,.ph_mainConterBox .product-mainBox .imgBox .preview .smallImg{width: 100%;height: 100%;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu,.ph_mainConterBox .product-mainBox .imgBox .preview .smallImg{height: auto;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li{height: 64px;width: 64px;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li#onlickImg img{width: 100%;height: 100%;}

.ph_mainConterBox .product-mainBox .product-info .priceBoxP{height: auto;}
.ph_mainConterBox .product-mainBox .product-info p{margin-top: 0;}
.ph_mainConterBox .product-mainBox .product-info .priceBox p:nth-child(1){margin-bottom: 10px;}

.ph_mainConterBox .product-mainBox .product-info .SpecificationBox{margin-top: 0;}
.ph_mainConterBox .product-mainBox .product-info .SpecificationBox .sp-col .sp-list{    width: 75%;}
.ph_mainConterBox .product-mainBox .product-info .SpecificationBox .sp-col .sp-list .sp-value{margin: 0 3px 3px 0}
.ph_mainConterBox .product-detail .detail-left .left-productBox{max-height: 16rem;min-height: 16rem;}

.ph_mainConterBox .classify-listBox .listBox-left{width: 20%}
.ph_mainConterBox .classify-listBox .on{width: 20%}
.ph_mainConterBox .classify-listBox .listBox-right{width: 78%;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div{width: 48%;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div:nth-child(3n){margin-right: 9px;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div:nth-child(2n){margin-right: 0;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div a dd{width: 45%;}
.ph_wareBox .ph_wareList .ph_tabCol{width: 255px;}
.ph_productCon{text-align: center;}
.ph_productCon a img,.ph_productCon .ph_productImg{width:auto!important;height:auto!important;}
.ph_productCon .ph_productTxt{float: left;    width: 100%;}

.tips li:nth-child(2){width: 45%;}
.tips li:nth-child(3),.tips li:nth-child(4){width: 13%;}
.tips li:nth-child(5){width: 9%;}
.info_3{width: 31%;}
.info_4{
    margin-left: -24%;
    width: 15%;
    margin-top: 13%!important;
}
.info_5{margin-left: 0;}
.info_6{margin-left: 45px;}
.info_6 button{width: 14px;height: 20px;}
.info_6 input{height: 20px;}
.info_8{margin-left: 30px;}
.registerBox .Box{width: 93%;}
.ph_mainConterBox .product-mainBox .product-info p .product-buyBtn{width: 150px;}

#sc_cart .quick-add .fields.actions > div{width: 40%;}
.ph_addConBox .ph_addCont .ph_infoCon label{width: 18%;}
.topbar-nav a img{    margin-top: 1.6rem;}
.layer-anim{width: 45%!important;height: 20%!important; left: 25%!important;}
.ph_addCon{    padding: 15px;}

}

@media screen and (max-width:479px){
    .container .so_box{display:block !important;}
.swiper-wrapper .swiper-list .pctu{display:none;}
.swiper-wrapper .swiper-list{width:100%;}
.swiper-wrapper{height: auto;}
.swiper-wrapper .swiper-list .sjtu{display:block;width: 100%;height: 100%;}
.site-header .header-search{margin-top: -9px;}
.header-search .search-text{width: 126px;right: 24px;}
.header-search .search-btn{width: 25px;}
.topbar-nav p{    padding: 1% 0;}
.site-topbar .topbar-cart{width: 127px;}
.container .so_box .so{top: 11%;margin-top:0;}
.main .box-hd{width: 90%;text-align: center;margin: auto;}
.main .box-hd h2{width: 45%;}
.main .box-hd .more2{width: 48%;}
.box-content .left{float: none;width: 100%;}
.box-content .flashsale-list li,.left .brick-item-m{width: 100%;}
.left .brick-item-m{margin-left:0;}
.box-content .right{display:none;}
.box-content .right .myclear .brick-item{width: 100%;float: none;}
.box-content .right ul li{width: 50%;float: left;}
.home-banner-box img,.home-banner-box{height: auto;}
.box-content .flashsale-list li {width: 180px;}
.home-banner-box,.site-topbar .topbar-cart{display:none;}
.site-footer .footer-links .col-links{
	cursor: pointer;
    display: block;
    padding: 0 3%;
    border-bottom: 1px solid #D9D9D9;
    margin: 0 0 10px 0;
    width: auto;
    float: none;
	margin-bottom: 5px;
}
.site-footer .footer-links .col-links dt{
	font-weight: bold;
    font-size: 14px;
    margin-bottom: 0.4em;
    color: #EF8200;
	padding: 7px 10px;
}
.site-footer .footer-links .col-links .open-toggle{
	display: inline-block;
    float: right;
    cursor: pointer;
    color: #EF8200;
}
.filter-select:not(.open) h2 .fa-angle-down{
    display: block;
}
.filter-select.open h2 .fa-angle-up{
    display: block;
}
.site-footer .footer-links .col-links ul{
	display: none;
    padding: 0 3%;
}
.site-footer .footer-links .col-links ul li{margin-bottom: 3px;}
.site-footer .footer-links .col-links ul li a{font-size: 12px;color: #6C6D6F;}

.site-footer .footer-links .col-contact{width: 100%;border-left: none;margin-bottom: 20%;}
.site-footer .footer-links{padding: 40px 0 0;}
.div_home{width: 100%;position: fixed;bottom: 0;z-index: 999;height:auto;right:0;}
.div_home a{float: left; width: 33.3%;}
.div_home a span{left: 40px;height:auto;padding:0;background-color: #ef820100;color: #989898;font-size: 15px;z-index: 1000;display:block;}
.div_home .home5{background-position:11px 16px;}
.div_home .home5 span{right: 1px;}
.ph_mainConterBox .product-detail{margin:auto;}
.ph_mainConterBox .product-mainBox .product-info p{    margin-top: 0;
    margin: auto;
    text-align: center;
    padding: 3%;}
.ph_mainConterBox .product-mainBox .product-info p .product-buyBtn{width: auto;
    height: 36px;line-height: 37px;
    text-align: center;
    margin: 1%;}
/*neiye*/
.ph_mainConterBox .product-mainBox .imgBox{width: 100%;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li{margin-right: 10px;}
.ph_mainConterBox .product-mainBox .product-info{width: 100%;margin-left:0;padding:0 2%;}
.ph_mainConterBox .product-detail .detail-left .left-productBox{width:48%;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li img{height: 64px;}
.ph_loginConBox{height: 36rem;}
.ph_loginWicket,.ph_register{
	width: 100%;
    margin: auto;
    border-right: 1px solid #cfcfd000
}
.registerBox{height: 53rem;}
.ph_registerBox{padding:30px 7px;}
.ph_loginWicket{border-bottom: 1px solid #CFCFD0;}
.loginbox{margin: 10% auto;}
.backPassword{width: 95%;}
.ph_backPassword .buttons-set .sc-button{width: 30%;}
.ph_register .ph{width: 38%;}
.form-list .field,.form-list .input-box,.form-list input.input-text,.form-list li.wide input.input-text{width: 100%;}

.ph_mainConterBox .classify-listBox .listBox-left{width: 100%;}
.ph_mainConterBox .classify-listBox .listBox-left li:nth-child(1){float: none;width: 100%;}
.ph_mainConterBox .classify-listBox .listBox-left li{float: left;width: 50%;}
.ph_mainConterBox .classify-listBox .listBox-left .myclear .brick-item-m a h3{padding: 3% 4%;}
.ph_mainConterBox .classify-listBox .on{display:none;}
.ph_mainConterBox .classify-listBox .listBox-right{    width: 100%;padding: 2%;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div img{min-height: 115px;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div a dd{width: 43%;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main{padding-bottom: 80px;}
.ph_mainConterBox .classify-listBox .listBox-right #paging{height: 70px;}
.ph_mainConterBox .classify-listBox .listBox-right .out-main .right-div h5 input[type="button"]{width: 68px;}

.ph_trTh{display:none;}
.ph_wareBox .ph_wareList .ph_tabCol{width: 100%;}
.ph_wareBox .ph_wareList thead{display:none;}
.ph_wareBox .ph_wareList tbody .ph_rowTr{display:none;}
.ph_wareBox .ph_wareList tr{border: 1px solid #e0e0e0;
    border-radius: 6px;}
.ph_wareBox .ph_wareList tr td{width: 100%;float: none; border-radius: 6px;background: #fff0;border: 1px solid #ddd0;height: auto;}
.ph_productCon{padding:0;    height: auto;}
.ph_productCon .ph_productTxt{width: 60%;position: absolute;float:initial;height: auto;}
.ph_productCon .ph_productTxt h2{width: 100%;height:auto;padding: 1%;word-break: break-all;}
.ph_productCon .ph_productTxt h2 a{font-size: 12px;font-weight: bold;text-align: left;}
.ph_productCon .ph_productTxt .ph_depictTxt{display:none;}
.ph_wareBox .ph_wareList tr td:nth-child(2),.ph_wareBox .ph_wareList tr td:nth-child(3),.ph_wareBox .ph_wareList tr td:nth-child(4){width: 100%;float:none;}
.ph_wareBox .ph_wareList tr td:nth-child(5),.ph_wareBox .ph_wareList tr td:nth-child(6){border: 1px solid #ddd0;color: #f8981d;
background: #fff0;text-align: right;padding: 1%;font-size: 12px;float: right;font-weight: bold;}
.ph_wareBox .ph_wareList tr td:nth-child(5){color: #5b5b5b;    margin-top: 6%;}
.ph_wareBox .ph_wareList tr td:nth-child(6){font-weight: bold;margin-top: -14.5%;}
.ph_wareBox .ph_wareList tr td:nth-child(7){display:block;width: 60%;border: #f0f8ff00;margin-top: 1%;}
.ph_wareBox .ph_wareList tr td:nth-child(7) a{
    display: block;
    float: left;
    width: 32%;
    margin-right: 1%;
    border: 1px solid #ddd;
    border-radius: 6px;
    line-height: 23px;
    font-size: 11px;
	    color: #b7b7b7;
}
.ph_subMainCon{    border: 1px solid #dadada00;}
.dataTables_paginate{height:auto;    width: 100%;}
.ph_subMainBox .ph_subMainCon{min-height:auto;}
.div_home{display: block;}


.tips li:nth-child(3),.tips li:nth-child(4),.tips li:nth-child(5),.tips li:nth-child(6){display:none;}
.info_3,.info_4,.info_6,.info_7,.info_8{width:46%;height: auto;margin:auto;margin-top: 1%!important;    padding-left: 2%;}
.info_5{display:none;}

#sc_cart .quick-add .fields .sku-col{    width: 70%;}
#sc_cart .quick-add .fields .qty-col{width: 18%;padding: 9px 0.3%;}
#sc_cart .quick-add .fields.actions > div{width: 90%;margin: auto;}
#sc_cart #clear-all-items{    padding: 10px 15px;}
#footer .site-footer .container .footer-links .col-links  .open-toggle{display: block;}

.topbar-nav{width: 44%;}
.ph_tableBox tr th{width: 76px;}
.ph_addConBox .ph_addCont .ph_infoCon label{width: 100%;text-align:left;float:none;}
.ph_infoCon .ph_inTxt{float:none;width: 100%;}
.ph_moneyNum{    padding: 26px 20px;}

.layer-anim{width: 98%!important;height: 20%!important; left: 1%!important;}
.ph_infoCon{height: 75px;padding: 0%;}
.ph_wareBox .ph_wareList colgroup{display:none;}
}

@media screen and (max-width:361px){
	.div_home a{width: 31.3%;}
	.container .so_box .so{top: 14%;}
	.div_home .home5{width: 37.3%;}
	.main .box-hd h2{width: 46%;}
	.div_home a span{right: 10px;}
	.div_home a{background-position: 8px 16px;}
	
	.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li{margin-right: 7px;}

}
@media screen and (max-width:321px){
.site-topbar .topbar-info{margin-right:2%;}
.container .so_box .so{top: 15%;}
.ph_mainConterBox .classify-listBox .listBox-left .myclear .brick-item-m a h3{font-size: 13px;}
.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li,.ph_mainConterBox .product-mainBox .imgBox .preview #imageMenu li img{width: 56px;height: 56px}
#myscroll{height: 233px;}
.box-content .flashsale-list li{width: 154px;height: 220px;}
.ph_mainConterBox .product-mainBox .product-info .SpecificationBox .sp-col .sp-list{width: 100%;}
.ph_mainConterBox .product-mainBox .product-info p .sp-tit{margin-right: 5px;}
.ph_mainConterBox .product-mainBox .product-info p .product-buyBtn{margin-left: 34px;}


}