@charset "UTF-8";

@media only screen and (min-width: 0px) and (max-width: 1200px){

	.content{
		padding-left: 1%;
		padding-right: 1%;
	}

}
/*公共的手机css  开始*/
@media only screen and (min-width: 0px) and (max-width: 640px){

	.content{
		max-width: 640px;
		width: 100%;
		padding-left: 1%;
		padding-right: 1%;
	}

    .hreder {
        padding: 0.1rem 0px;
        
        position: fixed;
        top: 0px;
        background: #fff;
        z-index: 10;
    }

	body{
		font-size: 0.12rem;
	}

	.pcdis , .foot-top , .foot-down{
		display: none;
	}

	.mpdis , .mpfoot{
		display: block;
	}

	.foot-leftul>li>h5{
		font-size: 12px;
	}

	.foot-leftul{
		text-align: center;
	}

	.new-page ul li a{
		font-size: 12px;
	}

	.new-page ul li{
		margin: 0px 2px;
	}

	.new-page ul li a{
		padding: 6px 9px;
	}

    .mpfootul {
        padding: 0.1rem 0px;
        border-top: 1px solid #e6e6e6;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background-color: white;
    }

    .footdiv {
       height:0.8rem;
    }

	.mpfootul>li{
		width: 20%;
	}

	.mpfootul>li>a>span{
		width: 0.36rem;
		height: 0.36rem;
	}

	.mpfootul>li>a>p{
		color: #454545;
		font-size: 12px;
	}

	.mpfootul>li:hover>a>p{
		color: #4bb033;
	}

	.mpfootul>li:nth-child(1)>a>span{
		background: url('../images/mpfootul.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:nth-child(2)>a>span{
		background: url('../images/mpfootul1.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:nth-child(3)>a>span{
		background: url('../images/mpfootul2.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:nth-child(4)>a>span{
		background: url('../images/mpfootul3.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:nth-child(5)>a>span{
		background: url('../images/mpfootul4.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:hover:nth-child(1)>a>span{
		background: url('../images/mpfootula.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:hover:nth-child(2)>a>span{
		background: url('../images/mpfootula1.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:hover:nth-child(3)>a>span{
		background: url('../images/mpfootula2.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:hover:nth-child(4)>a>span{
		background: url('../images/mpfootula3.png') no-repeat center;
		background-size: 0.36rem;
	}

	.mpfootul>li:hover:nth-child(5)>a>span{
		background: url('../images/mpfootula4.png') no-repeat center;
		background-size: 0.36rem;
	}

    .tjsplbul {
        padding-top: 4%;
    }

    .produl {
        margin-top: 0.5rem;
    }

    .spiula {
       margin-left:0px!important;
    }

    .syjfoul > .fl > textarea,.fpxxul > li > input,.shxxul > li,.vprioul {
      width:100%!important;
    }
    .mpseadiv > input {
        padding: 0.12rem 0px 0.12rem 0.1rem;
    }
    .shxxdiv > span {
        display:block;
        width:100% !important;
    }
}
/*公共的手机css  结束*/

@media only screen and (min-width: 0px) and (max-width: 1200px){
    .content{
        padding-left: 1%;
        padding-right: 1%;
    }

}


@media only screen and (min-width: 0px) and (max-width: 640px) {

    .content {
        max-width: 640px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

	.leistright , .cplbul , .abouul>.fl , .abouul>.fr , .logindiv , .newbox>a>ul , .xyyul>li , .payul>li>span , .logoul , .detaul , .detala
	,.spmsul>li , .protabul>li  , .proul , .saleoul>li , .spiul , .spxzul>li , .shxxul>li , .fpxxul>li>input , .syjful>li , .syjfoul>.fl>textarea , .syjfoul>li
	, .tohul>.fr , .vpriul , .vprioul , .shxxoulwh>span , .shxxoulwh1>span , .shxxoulwh2>span , .shpul>li>span , .shpinput , .enrulwh , .enroa{
		width: 100%;
	}

	.listdiv , .xyyul>.fl>i , .logome , .protwtab , .shoptab , .vptab , .vpadtab , .vpintab , .vportab , .vpottab , .hotbox , .enrul>li>em{
		display: none;
	}

	.cplbsul>.fr , .payul>li>span , .listsjdiv , .protwul , .shoptabul , .vpmptab , .vpadtabul , .vpintabul , .vptabul , .vportabul , .vpottabul{
		display: block;
	}

	.abouth{
		font-size: 18px;
	}

	.tjspbox>h5 , .fs24{
		font-size: 16px;
	}

	.wdfwul>li>a>p , .produl>li>h5 , .fs18 , .proul>li>h5{
		font-size: 14px;
	}

	.wdfwul>li>a>div>h5 , .crumbs>span , .crumbs>a , .fs16{
		font-size: 12px;
	}

	.wdfwul>li>a>div>span{
		padding: 5% 0px;
	}

	.wdfwul>li>a>div>p{
		height:32px;
		overflow: hidden;
	}

	.tjspbox{
		padding:0.4rem 0px 0.3rem;
	}

	.tjspbox>span{
		padding-top: 0.1rem;
		margin-left:0.3rem;
	}

	.tjsplbul>li , .wdfwul>li , .logooul>li , .saletwul>li{
		width: 33.333333%;
	}

	.vpadtabul>li>a{
		width: 32%;
	}

	.produl>li{
		width:32.083333%;
		margin-bottom: 2%;
	}

	.sprodul{
		padding-left: 10%;
	}

	.listbox{
		position: relative;
	}

	.listleftbg{
		position: fixed;
		width: 100%;
		height: 100%;
		left: -100%;
		top: 0px;
		background-color: rgba(0, 0, 0, .3);
		z-index: 2;
	}

	.listleft{
		top: 0px;
		position: fixed;
		left: -100%;
		width: 220px;
		height: 100%;
		background-color: #fff;
		overflow-y: scroll;
		z-index: 2;
	}

	.cplbsp{
		width: 25%;
	}

	.vprioul>li , .sjcplboul>li , .vphoul>li , .prolitwul>li{
		width: 50%;
	}

	.sjcplbsp{
		width:1.26rem;
		border: 1px solid #dfdfdf;
	}

	.sjcplbul{
		width: 4.5rem;
		color: #888;
	}

	.sjcplbul>li{
		padding: 2px 0px;
	}

	.listsjbox{
		padding-top: 0.2rem;
	}

	.sjcplboh{
		font-weight: 100;
		color: #333;
		padding: 0.1rem 0px;
	}

	.sjcplboul{
		color: #888;
		padding-bottom: 0.1rem;
	}

	.sjcpshop>a{
		padding: 0.1rem;
	}

	.sjcpshop{
		text-align: right;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid #dfdfdf;
	}

	.sjnavbut{
		position: fixed;
		display: inline-block;
		left: 0px;
		top: 30%;
		background-color: #888;
		padding: 0.1rem 0.1rem;
		border-radius: 5px;
	}

	.enrul{
		padding: 0px 0.1rem ;
	}

	.logindiv , .tohul>.fl>div , .syjfbox{
		padding: 0px;
	}

	.vporoul>.fr{
		float: left;
	}

	.enrbox , .enrli , .enroa , .vpriul , .shxxoulwh2>span{
		margin: 0px;
	}

	.enrul>li>span{
		width: auto;
		padding-bottom: 0.2rem;
	}

	.enrodiv{
		width: 100%;
		display: block;
		padding-bottom: 0.1rem;
	}

	.loginul{
		padding: 20px 0px;
	}

	.loginbox{
		background-image: none;
		margin-top:75px;
	}

	.payul>li>span{
		padding-bottom: 0.1rem;
	}

	.enroul , .enrul>li>div>p{
		width: auto;
		position:static;
	}

	.newbox>a>ul>li>p{
		height:34px;
	}

	.newbox>a>span{
		width: 1.65rem;
		padding-bottom: 0.15rem;
	}

	.logindiv>h5{
		padding: 0px 0px 0.1rem;
	}

	.payoul>li{
		width:1.72rem;
	}

	.logosp{
		width: 1rem;
		padding-left: 0.1rem;
		padding-bottom: 0.1rem;
	}

	.logoul{
		padding: 0px 0.1rem 0.1rem;
	}

	.detasp{
		width: 4.8rem;
		padding: 0.3rem;
	}

	.detala{
		margin: 0.1rem 0px;
	}

	.detala2{
		margin-top: 0.2rem;
	}

	.spmsul , .protabul , .shxxdiv , .enrul>li{
		padding: 0.2rem 0px;
	}

	.prosp{
		width: 2.3rem;
	}

	.proul>li>h5>a{
		padding: 0.04rem 0.3rem 0.04rem 0.1rem;
		border-radius: 0.1rem;
		background-image: none;
	}

	.protwbox , .proulli , .spxzul , .tjdddiv{
		border: 0px;
	}

	.prosp1{
		width:0.75rem;
	}

    .protwul li .guige{
		width: 100%;
		padding: .1rem 4%;
		background: #dcdcdc;
	}
	.guige span{
		font-size: .14rem;
		color:#333;
	}
	.protwul li .guige-jh{
		display: none;
	}
	.guige-jh .any-fl{
		width: 100%;
		padding: .04rem 4%;
	}
	.guige-jh .any-fl span{
		font-size: .12rem
	}

	.protwul>li{
		padding: .06rem 0px;
	}

	.protabul>.fl>a{
		padding: 0.06rem 0.27rem;
	}

	.protabsc{
		padding: 0.08rem 0px 0.08rem 0.2rem;
		background-size: 0.2rem;
	}

	.protabsp{
		padding: 0.08rem 0.15rem ;
		background-image: none;
	}

	.protabgm{
		padding: 0.08rem 0.25rem;
		border-radius: 8px
	}

	.cpsxbox{
		padding: 0.2rem;
	}

	.cpsxtab td{
		padding: 0.1rem 0.2rem;
	}

	.cpsxtd{
		width:35%;
	}

	.saleosp{
		padding: 5px;
	}

	.saleosp>i{
		border-width: 13px;
	}

	.saletwul>li>a>div>span{
		padding:0.07rem 0.21rem;
		font-weight: 100;
	}

.shopul{
		display: none;
		padding:8px 0px 0.4rem;
	}
    .shopul.ayblock { 
        display: block;
    }

	.shoptabul>li>p{
		background-color: #f5f5f5;
		padding: 0.1rem;
		color: #666;
	}

	.shoptabul>li{
		padding: 0.1rem 0px;
	}

	.spiul>.right , .syjftul{
		text-align: left;
	}

	.spxzul>.fl{
		padding: 0.19rem 0px 0.19rem 0.1rem;
	}

	.spiula{
		width: 100%;
		padding: 0.2rem 0px;
		margin-left: 0px;
		text-align: center;
	}

	.shxxul>li{
		margin-right: 0px;
		margin-bottom: 0.1rem;
	}

	.fpxxul>li>span{
		padding-left: 0px;
		padding-bottom: 0.1rem;
	}

	.tjdzbox>a{
		margin: 0px 0.2rem 0px 0px;
	}

	.syjful>li{
		padding-bottom: 0.2rem;
	}

	.tjdda{
		width: 100%;
		padding: 0.1rem 0px;
		text-align: center;
	}

	.tjdda1{
		width: 100%;
		padding: 0.1rem 0px;
		margin-top: 0.2rem;
		text-align: center;
		border: 1px solid #dfdfdf;
		background-image: none;
	}

	.syjfoul>.fl>span{
		padding-bottom: 0.2rem;
	}

	.vpridiv>span{
		width: 0.96rem;
	}

	.vptabul{
		padding-top: 0.2rem;
	}

	.vptabul>li{
		padding-bottom: 0.2rem;
	}

	.vptabul>li>.c-6>span{
		padding: 0.1rem;
		background-color: #30b55e;
		color: #fff;
	}

	.vpadtabul , .vporoul>li , .vporoul>.fl , .syjfoul{
		padding: 0.2rem 0px;
	}

	.vpadtabul>li , .vppasul>li{
		padding: 0.1rem 0px;
	}

	.bcfpbut{
		width: 100%;
		padding: 9px 0px;
		margin-left: 0px;
	}

	.vppasul>li>span{
		width: 100%;
		text-align: left;
		padding-bottom: 0.2rem;
	}

	.vppadiv{
		margin-bottom: 0.2rem;
	}

	.vppasul>li>a{
		margin-left: 0px;
		width: 100%;
		padding: 8px 0px;
	}

	.vporpa>div{
		padding-left: 0px;
		padding-bottom: 0.2rem;
	}

	.new-page ul{
		width: 100%;
		padding-bottom: 0.2rem;
	}

	.vpintabul>li{
		padding: 0.1rem 0px;
	}

	.vpintabul{
		border-bottom: 1px solid #dedede;
		padding-bottom: 0.2rem;
		margin-bottom: 0.2rem;
	}

	.vpintabul>li>span>em{
		padding-left: 0.2rem;
	}

	.vporul>li>a{
		padding: 0px 0.15rem;
	}

	.vportabul{
		color: #989898;
	}

	.vportabul>li:nth-child(1){
		background-color: #f5f5f5;
		padding: 0.15rem 0px;
	}

	.vportabul>li:nth-child(1)>input{
		margin-right: 0.1rem;
	}

	.vportabul>li:nth-child(2){
		padding: 0.1rem 0px;
	}

	.qjsa{
		text-align: center;
		padding: 0.2rem 0px;
	}

	.vpottabul>li>span>em{
		padding-right: 0.2rem;
	}

	.vpottabul>li{
		padding: 0.1rem 0px;
	}

	.shpul>li>span{
		text-align: left;
		padding-bottom: 0.2rem;
	}

	.syjfodiv{
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.shpul>li:last-child{
		text-align: center;
	}

	.enroa{
		padding:0.15rem 0px;
		text-align: center;
	}

	.enroul>li>a{
		width: 100%;
		padding: 0.1rem 0px;
		text-align: center;
	}

	.crumbs{
		display: none;
	}
    .crumbs.crblock{
		display: block;
	}
    .shoptab.crblock{
		display: block;
	}
	.syr{
		display: none;
	}
	.cart-list-big{
		display: block;
		width: 100%;
	}
	.cart-list{
		width: 100%;
		padding: .2rem 2%;
		background: #fff;
		display: flex;
		align-items: center;
	}
	.cart-list>em{
		width: .32rem;
		height: .32rem;
		background: url("../images/radio-no.png") no-repeat center center;
		display: inline-block;
		background-size: cover;
	}
	.cart-list>em.active{
		background: url("../images/radio.png") no-repeat center center;
		background-size: cover;
	}
	.pro-img{
		width: 1.5rem;
		height: 1.5rem;
		border-radius: .03rem;
		border:.01rem solid #c7c7c7;
		overflow: hidden;
		margin: 0 .1rem;
	}
	.pro-img img{
		width: 100%;
		vertical-align: middle;
	}
	.pro-deta{
		width: 60%;
	}
	.pro-deta h4{
		font-size: .2rem;
		color:#545454;
		font-weight: 400;
	}
	.pro-deta>p{
		font-size: .16rem;
		color:#666;
	}
	.pro-num{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: .2rem;
	}
	.pro-num>b{
		font-size: .24rem;
		color:#fa0c0b;
	}
	.span-int{
		display: inline-block;
		width: 1.28rem;
		height: .34rem;
		border-radius: .03rem;
		border:.01rem solid #c7c7c7;
		text-align: center;
	}
	.span-int>b{
		line-height: .24rem;
		font-size: .3rem;
		color:#999;
		text-align: center;
	}
	.span-int>i{
		line-height: .32rem;
		font-size: .18rem;
		color:#454545;
		text-align: center;
		margin: 0 .2rem;
	}
	.int-delete>a{
		display: inline-block;
		width: .2rem;
		height: .22rem;
		background: url("../images/dete.png") no-repeat center center;
		background-size: cover;
		margin-left: .1rem;
	}
	.Settlement{
		width: 100%;
		height: .7rem;
		background: #fff;
		border-top:.01rem solid #c7c7c7;
		border-bottom:.01rem solid #c7c7c7;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sett-num{
		font-size: .2rem;
		color:#454545;
		margin-left: .2rem;
	}
	.sett-num>em{
		width: .32rem;
		height: .32rem;
		background: url("../images/radio-no.png") no-repeat center center;
		display: inline-block;
		background-size: cover;
		margin: 0 .1rem -.06rem 0;
	}
	.sett-num>em.active{
		background: url("../images/radio.png") no-repeat center center;
		background-size: cover;
	}

	.sett-btn{

	}
	.sett-btn>span{
		font-size: .2rem;
		color:#545454;
	}
	.sett-btn>span>b{
		font-size: .24rem;
		color:#fa0c0b;
	}
	.sett-btn>a{
		display: inline-block;
		width: 1.50rem;
		height: .7rem;
		line-height: .7rem;
		background: #1d9b00;
		font-size: .24rem;
		color:#fff;
		text-align: center;
	}

.inquiry{
		font-size: 14px;
		color:#fff;
	}
	.zkl-tle h5{
		font-size: 16px;
	}
	.zkl-list>h6{
		font-size: 14px;
	}
	.zkl-int label{
		width: 30%;
	}
	.zkl-int input{
		width: 60%;
	}
	.zkl-int textarea{
		width: 60%;
	}

    /*订单成功*/
	.order-success-big{
		padding: 1rem 0;
	}
	.order-succ-img{
		width: .8rem;
	}
	.order-success-big h4{
		font-size: .34rem;
	}
	.order-success-big p b{
		font-size: .3rem;
	}
	.see-order {
		margin: .4rem 0;
	}
	.der-btn{
		font-size: .32rem;
	}

   .fichier-ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.batch-left{
		width: 100%;
	}
	.batch-right{
		width: 100%;
		margin-left: 0;
	}
	.batch-right>textarea{
		float: left;
		width: 63%;
	}
    	.newly-big>div{
		width: 100%;
		margin-bottom: 10px;
	}
	.newly-big h6{
		padding: 10px 0 6px;
		font-size: 18px;
	}
	.newly-cont p{
		height: 157px;
	}
	.added-size p{
		line-height: 25px;
	}
	.wdfwul.ayindexul>li{
		width: 33%;
	}
	.ayfoot-top{
		display: none;
	}
	.ayfoot-down{
		display: none;
	}
}


/*新增6.20销售系统*/


	/*新增6.21*/
	.salelogin-big{
		padding: .2rem 0 .6rem;
	}
	.sale-int{
		width: 90%;
	}
	.remember-int{
		width: 90%;
	}
	.loginbtn{
		width: 90%;
	}
	.aycrumbs-tle{
		display: initial;
	}
	.aydlu{
		text-align: right;
		padding: 10px 5%;
	}
	.cusdetail-big li em{
		width: 20%;
		padding-left: 2%;
	}
	/*7.2*/
	.ayorderbig{
		padding: 20px 10px;
	}
	.aymunstate span{
		margin-right: 10px;
	}
	.ayorderul .ayorder-big .ayorlist{
		width: 100%;
	}
	.ayorderul .ayorlist span{
		float: left;
		width: 20%;
	}
	.shanginfoul{
		display: none;
	}
	.shanginfobig{
		display: none;
	}
	.ayyinfo1{
		width: 100%;
	}
	.ayer-big{
		display: block;
		padding: 10px 10px;
		background: #fcfcfc;
	}
	.ayerimg{
		float: left;
		width: 60px;
		height: 60px;
		background: #0b9efb;
		overflow: hidden;
	}
	.ayercont{
		float: left;
		width: 76%;
		margin-left: 4%;
	}
	.ayercont h6{
		width: 100%;
		padding: 0 0;
		line-height: 20px;
		font-size: 12px;
		color: #333;
		font-weight: 400;
	}
	.ayenum{
		width: 100%;
		padding-top: 6px;
	}
	.ayyjine>div{
		width: 100%;
	}
	.modify-int label{
		width: 30%;
	}
	.modify-int input{
		width: 60%;
	}
	.modify-btn a{
		margin-left: 32%;
	}

     /*7.20  销售登录*/
    .sale-int {
        width:100%;
    }
    .remember-int {
        width:100%;
    }
    .loginbtn {
        width:100%;
    }