@media screen and (max-width: 767px) {
    .new-zzh {
        display:none;
    }
div.zzh-m-left{
    width: 10rem;
    height:100%;
    background-color: #1296db;
    float: left;
    margin-left:-10rem;
    z-index: 9999;
    position: fixed;
    }
div.zzh-m-left ul{
    padding-left:0;
    /****  ul偏移 ，重置为零*/
    }
div.zzh-m-left ul li{
    list-style: none;
    color:#fff;
    line-height: 2.6rem;
    }
div.mslide img{
    top: 45%;
    z-index: 9999;
    position: fixed;
    }
.font-m-bg{
    background-color: #0f77af;
    }
.zzh-nav-m-info{
    /*border: 1px solid #cdcdcd;*/
    margin-bottom: 0.5rem; 
    }
.list-ulstyle{
    display: block;
    text-align: center; 
    }
.font-m-bg{
    background-color:#0f77af;
    }
div.zzh-m-btn{
    margin-left:0;
    margin-top: 0.5rem;
    }
label.zzh-m-choice{
    margin: 0;
    font-size: 15px;
    width: 100%;
    background-color: #eee;
    border:1px solid #ddd;
    border-radius: 5px;
    margin: 5px 0px;
    }
div.nyyh-m-pic img{
    display: block;
    }
div .fsl{
    left: 3px;
    }
div .zzh-newfapiao{
    margin-left: 2rem;
    color: #0080ff;
    /*margin-left: 20rem; */
    margin-bottom: 30px;
}
div .company{
    margin-top: 2px;
    margin-left: -1rem;
}
div .slist{
    width: 100%;
    height: 70px;
    display: inline-block;
    background-color: #ddd;
    margin: 0 40px;
    
}
div.wenzi{
    margin-left: 0;
    line-height:20px;
    margin-top: 37px;
    float:left;
}
div.weixizifu{
    margin-top: 20rem;
}

div .zf{
    top:30px;
    margin-bottom: 30px;
    position: relative;
    float: left;
    margin-left: 2.5rem;
    }
.btnpos{
    margin-top:2rem !important;
    width: 30%;
    margin-left: 32% !important;
    margin-bottom: 2rem;
}
div input#inputstyleje{
    margin: 0.2rem 4rem 0rem 0rem ;
}
div input#inputstylesj{
    margin: 0.2rem 4rem 0rem 0.1rem;
}
div input#inputstylejefs{
    margin: 0.2rem 2rem ;
}

.order-detail-2 {
    display:none;
}
 div.zzh-bspace-2{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
 }
div .zzh-biankuang{
    padding:0px;
    border:1px dashed #ddd;
    margin-bottom:5px;
}
div.zzh-biaotijj.span1{
    margin-bottom: 70px !important;
}
div.modal-body{
    padding:0px !important;
}

div .zzh-panel
{
    padding-bottom: 170px;
    display:none;
    max-height: 170px;
}
div .zzh-flip{
    padding:5px;
    text-align: center;
    border:solid 1px #e2e2e2;
}

label.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 0px !important;
}

}

/* 以上是小屏  */


/*  大屏  */
@media screen and (min-width: 767px) {
    .new-zzh {
        display:none;
    }
}
.container-full{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.zzh-height{
    background-color: #fff;
     border: 0px;
}
.zzh-left{
    height: 800px;
    background-color: #eeeeee;
}
.zzh-left-top{
    width: 100%;
    height: 64px;
    background-color: #329845;
}
.zzh-headimg{
    padding: 10px;
    float: left;
}
.zzh-info{
    padding: 8px;
    float: left;
}
.zzh-info p{
    color:#fff;
    line-height: 5px;
    padding-top:10px;
}
.exit{
    float: right;
    padding-right: 10px;
    padding-top: 16px;
}
.exit p a{
    color:#ddd;
}
.exit p a:hover{
    color:#fff;
}
.zzh-nav-info{
    border: 1px solid #eee;
    margin-bottom: -20px; 

}
.font-bg{
    background-color:#ccc;
}
.list-unstyled{
    display: block;
    text-align: center; 
}
.list-unstyled .zzh-u-zd{
    border: 1px solid #eee;
    padding: 0.5rem 2px;
    line-height: 24px;
    font-size: 18px;
}
.list-unstyled .zzh-u-zd-hover:hover{
    border-left: 1px solid #329845;
}
.col-lg-9{
    background-color: #eeeeee;
}
.zzh-right{
    /*width: 100%;
    height: auto;*/
    /*height: auto;*/
    /*position:absolute;*/
    
    /*z-index:-99;*/
}
.form-horizontal .form-group{
    margin: 0px;
    padding: 0px;
    line-height: 40px;
}
.p-style{
    color: red;
    font-size: 20px;
}
.inputnumber{
    margin-bottom: 3px;
}
.zzh-cztc{
    display:inline-block;
    line-height: 50px;
    margin-bottom: 30px;
    float: left;
}
.zzh-u-btn{
    margin-left: 13%;
    /*margin-right: 2%;*/
    margin-top: -50px;
}
.zzh-y-choice{
    width: 40%;
    font-size: 16px;
    background-color: #eee;
    border:1px solid red;
    border-radius: 5px;
    margin: 10px 30px;

}
.zzh-u-choice{
    width: 40%;
    font-size: 16px;
    background-color: #eee;
    border:1px solid #ddd;
    border-radius: 5px;
    margin: 10px 30px;

}
.zhifubozhifu{
    margin: 0 38px;
}
.duigongzhifu{
    margin: 0 38px;
}
.duigongzhifu{
    margin: 0 -4px;
}
.xiaxiahuikuan{
    margin: 0 47px;
}
.zzh-newfapiao{
    color: #0080ff;
    margin-left: 15rem; 
    margin-bottom: 30px;
}
.company{
    margin-top: 18px;
    margin-left: 2rem;
}
.duigong-shuoming{
    float: left;
    margin-left: 6%;
    margin-top: 4rem;
    margin-bottom: 2rem;
    /*margin-top: 6%;*/
}
.zzh-czbtn{
    // cursor:pointer;
    text-align: center;
    margin-top: 20px;
}
.zzh-czbtn p{
    text-align: center;
}

.xiajuli{
    text-align: center;
    margin:30px 0px 40px 0px;
}
.nyyh-pic{
     float:left;
     width:25%;
     margin-right:80px;
     margin-top: -10px;
}
.zf{
    cursor:pointer;
}
.ccc-zy{
     border: 1px solid #0080ff;
    /*position:absolute;*/
    /*// background-image: url(img/pay-img.png);*/
    /*background-image:url("img/pay-img.png"); //no-repeat right bottom ;*/
  /*  z-index:auto;*/
}
.wenzi{
    margin-left:16rem;
    line-height:20px;
    margin-top: 37px;
    float:left;
}
.fsl{
    margin-top:30px;
/*    left:37px;*/
}
.clable{
    top: 40px;
    margin-left:34px;
}


.slist{
    width: 600px;
    height: 70px;
    display: inline-block;
    background-color: #ddd;
    margin: 0 40px;
    
}
.slist img{
    margin: 0 30px;
}
.style-defult{
    /*border:1px solid #ccc;*/
}
.style-set{     
    position: absolute;
    top: 40px;
    left: 40px;
    display: none;
}
#slist input{
    display: none;
}
.zf{
    top:30px;
    position: relative;
    float: left;
    margin-left: 4rem;
}
.btnpos{
    margin-top:5rem;
    width: 35%;
    margin-left: 20%;
    margin-bottom: 2rem;
}


/***************************   订水明细样式 start  ********************************/
.text-c{
    text-align: left;
    margin-right: 30px;
    margin-left:30px;
}
div label{
    font-weight: normal;
}
.input-text:hover, .textarea:hover {
    border: solid 1px #3bb4f2;
    }

/***********更改Bootstrap内部样式 start ************/
.btn-primary{                  
    background-color: #0081ff;
    border:none;
}
.btn-primary:hover{
     background-color: #016eda;
}
/***********更改Bootstrap内部样式 end ************/

.zzh-receivingGoods{
    position: absolute;
    margin-top: 2rem;
    margin-left: 50rem;
}
.zzh-evaluateGoods{
    width: 
     position: absolute;
    margin-top: 2rem;
    margin-left: 56rem;
}
.zzh-info-export{
    cursor: pointer;
    margin-left: 2rem;
    margin-top: -0.5rem;
}
.zzh-orderNumber{
    width: 100%;
     height: 32px;
     line-height: 32px;
    /*background-color: #333;*/
}
.zzh-productName{
    width: 100%;
    height: 180px;
    background-color: #f4f4f4;
}
.zzh-productMoney{
    width: 100%;
    height: 60px;
    position:relative;
    clear:both;
}
.zzh-delorder{
    cursor: pointer;
    margin-left: 1rem;
    color: #666;
}
..zzh-delorder:hover{
    color: #0080ff;
}
.zzh-productName-left{
    width: 45%;
    height: 180px;
    float: left;
}
.productpos{
    color:#333;
    font-size:16px;
    padding: 2px;
    line-height: 3rem;
    margin: 20px 10px 10px 10px;
    float: left;
}
.zzh-productName-right{
    width: 45%;
    height: 180px;
    float: left;
}
.zzh-orderState{
    position: absolute;
    margin-top: 2rem;
    margin-left: 60rem;
}
/***************************   订水明细样式 end   ********************************/


.zzh-biankuang{
    padding:10px 70px;
    border:1px dashed #ddd;
    margin:2px;
}

table th{
    text-align: center;
}
td{
    text-align: center;
}
.ulmenu{
    font-size: 20px;
}
.ulmenu li{
    list-style: none;
    padding:0px 10px;
    margin:10px auto;
    float: left;
    display: block;
}
.zcstyle{
    cursor:pointer;
    display: block;
    color:white;
    background-color: #0080ff;
}
.ulmenu li a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


.zzh-bspace-2{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.zzh-btnstyle-2{
    margin: 0 auto;
    clear:both; 
    text-align: center;
    padding:10px;
}

/*  文字居左显示 */
.zzh-od-fl{
    text-align: left;
}

/*   */
.zzh-od-fl label{
    margin-right: 2rem;
}

/* 文字垂直居中显示  */
div tr td.zzh-od-vmiddle{
    vertical-align:middle;
}

/* 订单状态颜色  */
.zzh-od-color{
    color: #ff1e1e;
}

/* 鼠标悬浮颜色  */
/*.table:hover{
    border:0.2rem solid #a4d2ff;
    z-index:222;
}*/
.zzh-phone-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(51,51,51,0.5);
    display: block;
}
.zzh-phone-container{
    position: absolute;
    width: 500px;
    height: 300px;
    background-color: #ededed;
    margin-top: 50%;
    left: 30%; 
    display:block;
    vertical-align: middle;
}
.zzh-phone-info{
    position: absolute;
    width: 200px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    margin-top: 13%;
    left: 30%; 
    display: block;
}


.zzh-panel
{
    padding-bottom: 100px;
    display:none;
    max-height: 100px;
}
.zzh-flip{
    padding:5px;
    text-align: center;
    border:solid 1px #e2e2e2;
}